ul,ol,li,dl,dd,dt{ list-style-type: none; line-height: normal;} address,caption,cite,code,dfn,i,em,th,var{ font-style: normal; font-weight: normal;} a{ text-decoration:none; color:#333; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent;} a:hover{ cursor: pointer; text-decoration: none; color: #b42b3e;} img{ border: 0; max-width: 100%;} table{ border-collapse: collapse; border-spacing: 0;} h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal;} h1{ font-size: 36px;} h2{ font-size: 24px;} h3{ font-size: 22px;} h4{ font-size: 18px;} h5{ font-size: 14px;} h6{ font-size: 12px;} input,table,tr,td{ margin: 0; padding: 0; border: none;} p{ margin: 0; padding: 0;} button,table{ border: none; background: none; margin: 0; padding: 0;} select{ margin: 0; padding: 0; outline: none;} textarea{ border: 0; background: none; resize: none; outline: 0;} input{ outline: 0; border: 0; background: none;} button{ outline: none; border: 0; background: none;} ._el{overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} ._el2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} ._el3{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} ._el4{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} ._el5{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .w_1500{ max-width:1500px; margin-right: auto; margin-left: auto;} body{ overflow-x:hidden; overflow-y:auto;} .ctext{ float:left; width:100%; padding-left:80px; padding-right:80px;} @media screen and (max-width:992px){ .ctext{ padding-left:15px; padding-right:15px;} } .head{ float:left; width:100%; position:relative; z-index:16; background:#fff;} .head .logo{ float:left; line-height:0; margin:14.5px 0;} .head .logo img{ max-width:none; height:60px;} .head .tel{ float:right; margin:24px 0; color:#999933; font-size:24px; line-height:40px; font-weight:bold;display: flex; align-items: center; } .head .tel img{ width:20px; height:20px; margin-right:5px;} .head.active{position:fixed; left:0; top:0;} .menu{ float:right; margin-right:20px;} .menu ul{ float:left;} .menu .nli{ float:left; position:relative; margin:0 20px; } .menu .nli span a{ float:left; color:#333333; font-size:16px; line-height:89px; display: flex; position:relative; } .menu .nli span a:after{ float:left; width:0; height:2px; content:''; position:absolute; left:50%; bottom:0; background:#999933; -oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); } .menu .nli span a:before{ display:none; float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:2px; border-left:5px solid transparent; border-right:5px solid transparent;border-bottom: 5px solid #999933; margin-left:-5px; } .menu ul li.active span a, .menu ul li.on span a{ font-weight:bold;} .menu ul li.active span a:after, .menu ul li.on span a:after{ width:100%;} .menu ul li.active span a:before, .menu ul li.on span a:before{ display:block;} .menu .sub{ float:left; width:120px; position:absolute; left:50%; top:100%; margin-top:-2px; margin-left:-60px; display:none; border-top:2px solid #999933; z-index:3; } .menu .sub li{ float:left; width:100%; margin-bottom:1px;} .menu .sub li a{ float:left; width:100%; color:#333333; font-size:16px; line-height:42px; text-align:center; background:rgba(255,255,255,0.5); border-bottom:1px solid rgba(0,0,0,0.1);} .menu .sub li a:hover{ background:#999933; color:#fff;} .subDown{ display:none; float:left; width:100%; background:rgba(255,255,255,0.88); position:absolute; left:0; top:100%; padding:20px 90px;} .subDown ul{ float:left; width:100%; display: flex; justify-content: space-between;} .subDown li{ float:left; display: flex; flex-direction:column; min-width:190px;} .subDown li span{ float:left; display: flex;} .subDown li span a{ float:left; display: flex; color:#333333; font-size:16px; line-height:36px; font-weight:bold;} .subDown li dl{ float:left; display: flex; margin-top:16px; flex-direction:column;} .subDown li dd{ float:left; display: flex;} .subDown li dd a{ float:left; display: flex; color:#333333; font-size:16px; line-height:34px; position:relative; padding-left:16px;} .subDown li dd a:after{ float:left; width:6px; height:6px; position:absolute; left:0; top:50%; margin-top:-3px; transform:rotate(45deg); -ms-transform:rotate(45deg); content:''; background:#999933;} .subDown li dd a:hover{ text-decoration:underline;} .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding:58px 80px; display: none; z-index:7; background:#fff;} .xialaph .ul2, .xialaph .ul3{ display: none;} .xialaph h4 a{ float: left; width: 80%; color: #333333; font-size:16px; line-height: 50px;} .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;} .xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;} .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} .xialaph h4:hover a, .xialaph h5:hover a{ color: #999933; font-weight:bold;} .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} .xialaph h5 a{ float: left; width: 80%; color: #1f1f1f; font-size: 14px; line-height: 40px; text-transform: uppercase;} .xialaph h5{ float: left; width: 100%; position: relative;} .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;} .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 17px; margin-right:5px; cursor: pointer;} .xialaph h4.active img.img_s, .xialaph h5.active img.img_s{ display: none;} .xialaph h4.active img.img_d, .xialaph h5.active img.img_d{ display: block;} .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;} .xialaph .ul3{ float:left; width:100%; padding-top: 12px; padding-bottom: 12px; position: relative;} .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} .xialaph li:last-child .ul3::after{ display: none;} .xialaph .ul3 li{ float:left; width:100%;} .xialaph .ul3 li a{ float:left; width:100%; color: #666; font-size: 14px; line-height:24px; display: block; position:relative; padding-left:12px;} .xialaph .ul3 li a:hover{ color:#999933;} .xialaph .ul3 li a:after{ float:left; width:4px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px; transform:rotate(45deg); -ms-transform:rotate(45deg); content:''; background:#999933;} .xialaph .ul3 li:first-child{ padding-top: 0;} .xialaph .phsou{ position: relative; margin-top: 34px;} .xialaph .phsou input{ width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;} .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px;} .xialaph .img_d, .xialaph .disno{ display: none;} .menuph{ display:none; float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin:17px 0;} .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} .menuph .point:hover .navbtn, .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before { width: 28px;} .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #999933; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .menuph .navbtn::after, .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #999933; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .menuph .navbtn::after { top: -11px;} .menuph .navbtn::before { top: 10px;} .menuph .point.active .navbtn{ background: transparent;} .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;} .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;} @media screen and (max-width:1500px){ .menu{ margin-right:8px;} .menu .nli{ margin:0 8px;} .menu .nli span a{ font-size:15px;} .head .tel{ font-size:20px;} .head .tel img{ width:18px; height:18px;} .subDown li{ min-width:inherit;} .subDown li dl{ margin-top:10px;} .subDown li dd a{ font-size:15px; padding-left:14px;} } @media screen and (max-width:1200px){ .menu{ display:none;} .menuph{ display:block;} .head.active{ background:#fff;} .head .logo{ margin:8px 0; width:auto;} .head .logo img{ height:40px;} .head .tel{ display:none;} .head.active .lang a{ color:#333;} } @media screen and (max-width:992px){ .xialaph{ padding:58px 15px;} } .pf_right{ float:left; width:70px; position:fixed; z-index:16; right:1px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%);} .pf_right ul{ float:left; width:100%;} .pf_right ul li{ float:left; width:100%; position:relative; margin-top:1px;} .pf_right ul li a{ float:left; width:100%; position:relative; z-index:6; padding:7px 0; background-color: #999933; } .pf_right ul li:hover a{ background:#999933;} .pf_right ul li a i{ float:left; width:100%; line-height:0; text-align:center;} .pf_right ul li a i img{ width:32px; height:32px;} .pf_right ul li a h5{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; text-align:center;} .pf_right .pf_tel{ float:left; position:absolute; z-index:4; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); right:-300px; background:#999933; line-height:24px; color:#fff; font-size:16px; white-space:nowrap; padding:10px 25px; border-radius:3px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .pf_right .pf_tel:after{ float:left; width:0; height:0; content:''; position:absolute; left:100%; top:50%; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left: 6px solid #999933; margin-top:-6px; } .pf_right .pf_er{ float:left; position:absolute; z-index:4; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); right:-300px; width:100px; height:100px; line-height:0; background:#999933; padding:1px; line-height:0; border-radius:3px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .pf_right .pf_er:after{ float:left; width:0; height:0; content:''; position:absolute; left:100%; top:50%; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left: 6px solid #999933; margin-top:-6px; } .pf_right ul li:hover .pf_tel{ right:80px;} .pf_right ul li:hover .pf_er{ right:80px;} @media screen and (max-width:992px){ .pf_right{ right:0; top:auto; bottom:0; height:50px; width:100%; transform:none; -ms-transform:none; background:#434343;} .pf_right ul li{ width:25%; margin-top:0; border-right:1px solid rgba(200,200,200,0.2);} .pf_right ul li:last-child{ border-right:none;} .pf_right ul li a{ padding:5px 0;} .pf_right ul li a i img{ width:20px; height:20px;} .pf_right ul li a h5{ font-size:12px; line-height:20px;} } .kefu{width:118px; float:left; position:fixed; left:1px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:6; cursor:pointer;} .kefu i{ float:left; width:76%; line-height:0; margin:0 12%; position:relative; z-index:3;} .kefu a{ float:left; width:100%; text-align:center; background:#318ac8; border-radius:3px; color:#fff; font-size:16px; line-height:38px; height:40px; position:relative; top:-5px; z-index:4;} .kefu a:hover{ background:#999933;} @media screen and (max-width:1500px){ .kefu{width:80px;} .kefu a{ font-size:14px; line-height:30px; height:32px;} } @media screen and (max-width:992px){ .kefu{width:60px; left:auto; right:0;} .kefu a{ font-size:12px; line-height:20px; height:22px;} .kefu i{ width:60%; margin:0 20%;} } ._hei{ width:100%; float:left; height:50px;} .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#999933; z-index:6; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} .pf_down li{ width:33.33%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2); position:relative;} .pf_down li .ico7{ width:100%; float:left; height:20px; position:relative; z-index:2;} .pf_down li .ico7 img{ width:20px; height:20px;} .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px; position:relative; z-index:2;} .meassg{ display:none; width:100%; float:left; position:fixed; left:0; bottom:0; height:100%; background:rgba(0,0,0,0.5); z-index:16;} .meassg form{width:486px; background:url("../_im_g/ico1.png") center bottom no-repeat #999933; background-size:100% auto; float:left; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); padding:18px 25px 55px 35px;} .meassg .colse{width:16px; float:right; line-height:0; cursor:pointer;} .meassg h1{width:100%; float:left; color:#fff; font-size:20px; line-height:30px; border-bottom:1px solid rgba(255,255,255,0.2);} .meassg h1 span{ display:inline-table; padding:12px 0 31px 0; position:relative; } .meassg h1 span:after{ float:left; width:100%; height:3px; content:''; position:absolute; left:0; bottom:-2px; background:#ff0000;} .meassg h2{width:100%; float:left; color:#fff; font-size:20px; line-height:30px; padding:12px 0 23px 0; } .meassg .cont{width:100%; float:left; margin-top:16px; color:#fff; font-size:16px; line-height:26px; } .meassg .cont li{ min-width:33.33%; float:left; margin:12px 0; } .meassg .lab{width:100%; float:left; position:relative; margin-bottom:12px; } .meassg .lab img{ float:left; width:22px; height:22px; position:absolute; left:10px; top:50%; margin-top:-11px;} .meassg .fv{width:100%; float:left; height:48px; line-height:28px; background:none; border:1px solid rgba(229,229,229,0.5); color:rgba(255,255,255,0.7); font-size:16px; padding:9px 15px 9px 38px;} .meassg .sib{ display:block; margin:30px auto 0 auto; width:208px; height:48px; line-height:48px; background:#ff0000; color:#fff; font-size:16px;} .meassg .sib:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} .meassg a{ float:right; position:absolute; right:0; top:0; background:#fff; width:120px; line-height:48px; text-align:center; color:#333333; font-size:16px;} .meassg input[type="checkbox"]{ float:left; width:16px; height:16px; text-align: center; position:relative; line-height:14px; margin:5px 10px 0 0; cursor:pointer;} .meassg input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width:16px;height:16px;} .meassg input[type="checkbox"]:checked::before{content: "\2713";background-color: #ff0000;position: absolute;top: 0;left: 0;width:100%;color:#fff;font-size:12px;} .meassg ::-webkit-input-placeholder{color:rgba(255,255,255,0.7)} .meassg :-moz-placeholder{color:rgba(255,255,255,0.7)} .meassg ::-moz-placeholder{color:rgba(255,255,255,0.7)} .meassg :-ms-input-placeholder{color:rgba(255,255,255,0.7)} @media screen and (max-width:767px){ .meassg form{width:310px; padding:15px 12px;} .meassg h1{ font-size:16px; line-height:26px;} .meassg h1 span{ padding:6px 0 10px 0;} .meassg h2{ font-size:16px; line-height:26px; padding:6px 0 15px 0;} .meassg .cont{ font-size:14px; line-height:24px; margin-top:12px;} .meassg .cont li{ margin:4px 0;} .meassg .lab{ margin-bottom:8px;} .meassg .fv{ height:36px; line-height:36px; font-size:14px; line-height:24px; padding:5px 15px 5px 30px;} .meassg a{ width:100px; line-height:36px; font-size:14px;} .meassg .sib{ margin:10px auto 0 auto; width:140px; height:36px; line-height:36px; font-size:14px;} .meassg .lab img{ width:18px; height:18px; left:8px; margin-top:-9px;} .meassg input[type="checkbox"]{ width:10px; height:10px; line-height:8px; margin:6px 7px 0 0;} .meassg input[type="checkbox"]::before{ width:10px;height:10px;} } .foot2{ background:url("../_im_g/foot1.png") center repeat #1d1e22; position:relative; padding-top:11px; padding-bottom:11px; } .foot2 .w_1500{ display: flex; justify-content: space-between;flex-wrap:wrap; } .foot2:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; content:''; background:rgba(0,0,0,0.3);} .Copyright{ display:flex; color:rgba(255,255,255,0.5); font-size:16px; line-height:26px; position:relative; z-index:4; margin:4px 0;} .Copyright a{ color:rgba(255,255,255,0.5);} .Copyright a:hover{ color:rgba(255,255,255,1);} .Map{ display:flex; height:32px; border:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.5); font-size:16px; line-height:30px; width:100px; position:relative; z-index:4; justify-content: center;} .Map:hover{ background:rgba(0,0,0,0.4); color:#fff;} .link{ display:flex; position:relative; z-index:4; width:100px; flex-direction:column;} .link h5{ display:flex; color:rgba(255,255,255,0.5); font-size:16px; line-height:26px; height:32px; border:1px solid rgba(255,255,255,0.2); justify-content: center; align-items: center; cursor:pointer; } .link h5 img{ width:7px; height:13px; margin-left:5px;} .link ul{ display:none; float:left; width:100%; position:absolute; left:0; bottom:100%; background:rgba(0,0,0,0.9); padding:6px 0;} .link ul li{ float:left; width:100%;} .link ul li a{ float:left; width:100%;color:rgba(255,255,255,0.5); font-size:14px; line-height:24px; padding:0 6px;} .link ul li a:hover{ color:#fff;} .footer{ float:left; width:100%; background:url("../_im_g/foot1.png") center repeat #1d1e22; padding-bottom:54px; padding-top:61px;} .footer .w_1500{ display: flex; justify-content: space-between;flex-wrap:wrap; } .footer .nav{ float:left;display: flex; flex-direction:column; width:28.4%;} .footer .nav h2{ float:left; width:100%; color:#fff; font-size:16px; line-height:34px; font-weight:bold; border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:17px; padding-bottom:20px;} .footer .nav h2 a{ float:right; width:122px; text-align:center; background:#999933; border-radius:3px; color:#fff; font-size:16px; line-height:34px; border:1px solid #999933; font-weight:normal;} .footer .nav h2 a:hover{ background:rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.2);} .footer .nav ul{ float:left; display:flex; flex-wrap:wrap; } .footer .nav ul li{ float:left; display:flex; color:#fff; font-size:16px; line-height:30px; min-width:33.33%;} .footer .nav .ul li{ padding-left:0px; position:relative;} .footer .nav .ul li img{ float:left; position:absolute; left:0; top:7px; width:16px; height:16px;} .footer .nav ul li a{ float:left; color:#fff;} .footer .nav ul li a:hover{ opacity:0.6;} .footer .weima{ display:flex; margin-top:9px;} .footer .weima .l1{float:left; width:106px; display:block;} .footer .weima ._l1{ margin-left:50px;} .footer .weima i{ float:left; width:100%; line-height:0;} .footer .weima h6{ float:left; width:100%; text-align:center; color:#fff; font-size:16px; line-height:26px; margin-top:18px;} .footer .line{ float:left; width:1px; height:150px; position:relative; background:rgba(255,255,255,0.2); margin-top:7px;} @media screen and (max-width:1500px){ .footer .weima ._l1{ margin-left:25px;} } @media screen and (max-width:1200px){ .footer .nav ul li{ font-size:14px; line-height:26px; margin-top:3px;} .footer .nav .ul li img{ top:5px;} .footer .weima h6{ font-size:14px; line-height:24px;} } @media screen and (max-width:992px){ .link{ width:100%; display:none;} .link h5{ font-size:14px;} .Copyright{ width:100%; font-size:14px; line-height:22px; margin:0 0 6px 0; text-align:center;} .Map{ width:100%; font-size:14px;} .footer{padding-bottom:20px; padding-top:20px;} .footer .weima h6{ margin-top:8px;} } @media screen and (max-width:767px){ .footer .nav{ width:100%;} .footer .nav h2{ padding-bottom:8px; margin-bottom:0; line-height:24px; border-bottom:none;} .footer .nav h2 a{ font-size:14px; line-height:24px; width:80px;} .footer .nav ul li{ min-width:25%; line-height:24px; margin-top:0;} .footer .line{ width:100%; height:1px; margin:10px 0 15px 0;} .footer .weima{ width:100%;} } .banner{ float:left; width:100%; position:relative; z-index:2;} .banner .text{ float:left; width:100%; position:absolute; left:0; top:52%; transform:translateY(-50%); -ms-transform:translateY(-50%); text-align:center; z-index:3; padding:0 80px; display:flex; flex-direction:column;} .banner .text h2{ float:left; width:100%; color:#fff; font-size:30px; line-height:40px; text-shadow:0 5px 5px rgba(0,0,0,0.2); letter-spacing:2px;} .banner .text h1{ float:left; width:100%; color:#fff; font-size:50px; line-height:60px; text-shadow:0 5px 5px rgba(0,0,0,0.2); letter-spacing:2px; margin:0.1% 0;} .banner .text a{ margin:2.1% auto 0 auto; display:flex; align-items: center; justify-content: center; width:192px; color:#fff; font-size:18px; line-height:48px; border-radius:48px; letter-spacing:1px; background:#999933;} .banner .text i{ display:flex; width:100%; line-height:0; justify-content: center;} .banner .text a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2); opacity:0.8;} .banner .text a img{ width:22px; height:22px; margin-right:8px;} .slide_banner{ float:left; width:100%; position:relative; overflow:hidden;} .slide_banner .slick-slide{ float:left; width:100%; position:relative; z-index:3; line-height:0;} .slide_banner .slick-dots{ bottom:24px; display: flex; justify-content: center;} .slide_banner .slick-dots li{ display: flex; width:9px; height:9px; margin:0 5px; background:#fff; border-radius:50%; opacity:0.74;} .slide_banner .slick-dots li.slick-active{ opacity:1;} @media screen and (max-width:1500px){ .banner .text h2{ font-size:18px; line-height:28px;} .banner .text h1{ font-size:26px; line-height:36px;} .banner .text a{ font-size:16px; width:166px; line-height:40px; border-radius:40px;} } @media screen and (max-width:992px){ .banner .text{ padding:0 15px;} .banner .text h2{ font-size:14px; line-height:24px;} .banner .text h1{ font-size:18px; line-height:28px;} .banner .text i {display:block;} .banner .text a{ font-size:14px; width:130px; line-height:32px; border-radius:32px;} .banner .text a img{ width:16px; height:16px; margin-right:6px;} .slide_banner .slick-dots{ bottom:12px;} .banner .text i { display:block; } .banner .text i img{ width:50%;} } @media screen and (max-width:767px){ .banner .text i{ margin-bottom:1%;} .banner .text i img{ width:75%;} .banner .text a{ font-size:12px; width:100px; line-height:28px; border-radius:28px;} .banner .text a img{ width:14px; height:14px;} } ._Title1{ float:left; width:100%; text-align:center; color:#333333; font-size:40px; line-height:50px; position:relative; z-index:2; letter-spacing:2px; padding-bottom:18px;} ._Title1:after{ float:left; width:30px; height:2px; content:''; position:absolute; left:50%; bottom:0; background:#999933; margin-left:-15px;} ._Title2{ float:left; width:100%; text-align:center; color:#555555; font-size:16px; line-height:26px; position:relative; z-index:2; margin-top:15px;} ._Title3{ float:left; width:100%; text-align:center; color:#fff; font-size:40px; line-height:50px; position:relative; z-index:2; letter-spacing:2px; padding-bottom:18px;} ._Title3:after{ float:left; width:30px; height:2px; content:''; position:absolute; left:50%; bottom:0; background:#fff; margin-left:-15px;} ._Title4{ float:left; width:100%; text-align:center; color:#fff; font-size:16px; line-height:26px; position:relative; z-index:2; margin-top:15px;} @media screen and (max-width:992px){ ._Title1{ font-size:20px; line-height:30px; padding-bottom:10px;} ._Title2{ font-size:14px; line-height:24px; margin-top:8px;} ._Title3{ font-size:20px; line-height:30px; padding-bottom:10px;} ._Title4{ font-size:14px; line-height:24px; margin-top:8px;} } .ctext1{ padding-bottom:97px; padding-top:94px; position:relative;} .ctext1:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; opacity:0.9; content:''; z-index:1;} .ctext1 .list{ float:left; width:100%; margin-top:40px; position:relative; z-index:3;} .ctext1 .list .ul{ float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding:50px 0;} .ctext1 .list .ul li{ float:left; width:14.9%; padding-bottom:10.7%; display:flex; justify-content: center; align-items: center; position:relative; margin:-12px 0.5%;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .ctext1 .list .ul li:nth-child(7){ margin-left:9%;} .ctext1 .list .ul li:nth-child(11){ margin-right:9%;} .ctext1 .list .ul li:after{ float:left; width:72%; height:100%; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); background:#fff; border:1px solid #e6e6e6; box-shadow:3px 3px 7px rgba(0,0,0,0.09);} .ctext1 .list .ul li img{ width:64%; height:47%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:6; } .ctext1 .list .ul li:hover{ transform:translate(0,-10%); -ms-transform:translate(0,-10%);} .ctext1 .list .ul li:hover:after{ box-shadow:3px 3px 7px rgba(0,0,0,0.25);} .ctext1 .list .slick-dots{ position:static; display:flex; justify-content: center; margin-top:50px; } .ctext1 .list .slick-dots li{ width:12px; height:12px; border-radius:50%; background:#999933; opacity:0.4; margin:0 8px; padding:0;} .ctext1 .list .slick-dots li.slick-active{ opacity:1;} @media screen and (max-width:1200px){ /*.ctext1 .list .ul{ padding:1.2% 0;}*/ } @media screen and (max-width:992px){ .ctext1{ padding-top:20px; padding-bottom:30px;} .ctext1 .list{ margin-top:15px;} .ctext1 .list .slick-dots{ margin-top:15px;} } @media screen and (max-width:767px){ .ctext1 .list .ul{ padding:40px 0;} .ctext1 .list .ul li{ width:24%; margin:-6px 0.2%; padding-bottom:17.3%;} .ctext1 .list .ul li:nth-child(7){ margin-left:0.2%;} .ctext1 .list .ul li:nth-child(11){ margin-right:0.2%;} .ctext1 .list .ul li:nth-child(5){ margin-left:13.05%;} .ctext1 .list .ul li:nth-child(7){ margin-right:12.85%;} } .ctext2{ padding-top:89px; padding-bottom:87px;} .ctext2 .hd{ float:left; width:100%;display: flex; flex-wrap:wrap; justify-content:center; margin-top:30px;} .ctext2 .hd ul{ display:flex;} .ctext2 .hd ul li{ display:flex; margin:0 8px; color:#333333; font-size:18px; line-height:28px; background:#f6f6f6; border-radius:5px; padding:7px 35px; cursor:pointer;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .ctext2 .hd ul li.on{ background:#999933; color:#fff;} .ctext2 .bd{ float:left; width:100%; margin-top:20px;} ._news ul{/*display: flex; flex-wrap:wrap; justify-content: space-between;*/} ._news ul li{ float:left;/*display: flex;*/ width:32%; margin-top:30px; background:#fff; border:1px solid #ffffff; padding:12px;} ._news ul li:nth-child(2), ._news ul li:nth-child(5){margin-left:2%; margin-right:2%;} ._news ul li a{ float:left; width:100%;} ._news ul li i{ float:left; width:100%; line-height:0; overflow:hidden; padding-bottom:70%; position:relative;} ._news ul li i img{ position:absolute; left:0; top:0; width:100%; height:auto; display:block; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} ._news ul li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._news ul li h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin:26px 0 16px 0;} ._news ul li p{ float:left; width:100%; color:#555555; font-size:16px; line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} ._news ul li em{ float:left; width:100%; height:1px; background:#e5e5e5; margin:30px 0 12px 0;} ._news ul li h6{ float:left; width:100%; color:#555555; font-size:16px; line-height:36px; padding:8px 0;display: flex; align-items: center; justify-content: space-between;} ._news ul li h6 time{display: flex; align-items: center;} ._news ul li h6 span{ font-size:30px; font-weight:bold; margin-right:12px;} ._news ul li h6 img{ float:right; width:20px; height:14px; background:url("../_im_g/main17.png") center no-repeat;} ._news ul li:hover{ background:#999933; border:1px solid #999933;} ._news ul li:hover h5{ color:#fff;} ._news ul li:hover p{ color:#fff;} ._news ul li:hover time{ color:#fff;} ._news ul li:hover em{ background:#e5e5e5; opacity:0.2;} @media screen and (max-width:1200px){ ._news ul li h5{ font-size:16px; line-height:24px; margin:14px 0 5px 0;} ._news ul li p{ font-size:14px; line-height:22px;} ._news ul li em{ margin:15px 0 6px 0;} ._news ul li h6{ padding:0; font-size:14px;} ._news ul li h6 span{ font-size:24px; margin-right:6px;} } @media screen and (max-width:992px){ .ctext2{ padding-top:25px; padding-bottom:30px;} .ctext2 .hd{ margin-top:15px;} .ctext2 .hd ul li{ margin:0 4px; font-size:15px; line-height:24px; padding:3px 15px;} .ctext2 .bd{ margin-top:6px;} ._news ul li{ margin-top:15px; padding:5px;} } @media screen and (max-width:767px){ ._news ul li{ width:100%;} ._news ul li:nth-child(2), ._news ul li:nth-child(5){margin-left:0%; margin-right:0%;} ._news ul li h5{ margin:10px 0 2px 0;} ._news ul li em{ margin:10px 0 2px 0;} .ctext2 .bd._news ul li{ display:none;} .ctext2 .bd._news ul li:nth-child(1), .ctext2 .bd._news ul li:nth-child(2), .ctext2 .bd._news ul li:nth-child(3){ display:block;} } .ctext3{ padding-bottom:102px; padding-top:92px; position:relative;} .ctext3 .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; opacity:0.08; content:''; z-index:1;} .ctext3 .list{ float:left; width:100%; margin-top:45px; position:relative; z-index:3;} .ctext3 .list .cont{ float:left;} .ctext3 .list .cont .l1{ display: block; max-width:32%; margin:11px 0; position:absolute; z-index:3;} .ctext3 .list .cont .l1 .tit{ display:inline-block; color:#fff; font-size:18px; line-height:28px; font-weight:bold; position:relative; background:#999933; padding:7px 15px 7px 45px;} .ctext3 .list .cont .l1 .tit:after{ float:left; width:0; height:0; content:''; position:absolute; top:50%; margin-top:-32px; border-top:32px solid transparent; border-bottom:32px solid transparent; left:100%;border-left:54px solid #999933; } .ctext3 .list .cont .l1 .tit:before{ display:none; right:100%;border-right:54px solid #999933; } .ctext3 .list .cont .l1 .tit img{ float:left; width:27px; height:27px; position:absolute; left:11px; top:7px;} .ctext3 .list .cont .l1 .p{ display: flex; color:#555555; font-size:16px; line-height:26px; margin-top:12px;} .ctext3 .list .cont .l1:nth-child(1){ left:0; top:82px;} .ctext3 .list .cont .l1:nth-child(2){ right:0; top:82px;} .ctext3 .list .cont .l1:nth-child(3){ left:0; top:50%; margin-top:8.5%;} .ctext3 .list .cont .l1:nth-child(4){ right:0; top:50%; margin-top:8.5%;} .ctext3 .list .cont .l1:nth-child(2n){ text-align:right;} .ctext3 .list .cont .l1:nth-child(2n) .tit img{ left:auto; right:11px;} .ctext3 .list .cont .l1:nth-child(2n) .tit{ padding:7px 45px 7px 15px; } .ctext3 .list .cont .l1:nth-child(2n) .tit:after{ left:auto; right:100%; border-left:none; border-right:54px solid #999933; } .ctext3 .list .info{ display:block; margin:0 auto; width:560px; height:560px; position:relative; z-index:0;} .ctext3 .list .info .img{ float:left; display:block; width:281px; height:281px; border-radius:50%; line-height:0; background:#999933; padding:6px; overflow:hidden; position:absolute;} .ctext3 .list .info .img img{ border-radius:50%;} .ctext3 .list .info .img:nth-child(1){ z-index:1; left:50%; top:0; transform:translateX(-50%); -ms-transform:translateX(-50%);} .ctext3 .list .info .img:nth-child(2){ z-index:2; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%);} .ctext3 .list .info .img:nth-child(3){ z-index:3; left:50%; bottom:0; transform:translateX(-50%); -ms-transform:translateX(-50%);} .ctext3 .list .info .img:nth-child(4){ z-index:0; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%);} @media screen and (max-width:1500px){ .ctext3 .list .info{ width:420px; height:420px;} .ctext3 .list .info .img{ width:210px; height:210px; } .ctext3 .list .cont .l1 { max-width:25%;} .ctext3 .list .cont .l1 .tit{ font-size:15px; line-height:24px;} .ctext3 .list .cont .l1 .tit:after{ margin-top:-24px; border-top:24px solid transparent; border-bottom:24px solid transparent; border-left:22px solid #999933; } .ctext3 .list .cont .l1:nth-child(2n) .tit:after{ left:auto; right:100%; border-left:none; border-right:22px solid #999933; } .ctext3 .list .cont .l1 .tit img{ top:5px;} .ctext3 .list .cont .l1 .p{ font-size:15px; line-height:24px;} } @media screen and (max-width:992px){ .ctext3{ padding-top:20px; padding-bottom:30px;} .ctext3 .list{ margin-top:20px;} .ctext3 .list .info{ float:left; width:280px; height:280px;} .ctext3 .list .info .img{ width:140px; height:140px; padding:5px;} .ctext3 .list .cont{ float:right; width:48%;} .ctext3 .list .cont .l1{ float:left; max-width:100%; width:100%; position:relative; left:0 !important; top:0 !important; margin:15px 0 0 0 !important; text-align: left !important;} .ctext3 .list .cont .l1 .tit:after{ border-left:15px solid #999933; } .ctext3 .list .cont .l1:nth-child(2n) .tit{ padding:7px 15px 7px 45px;} .ctext3 .list .cont .l1:nth-child(2n) .tit:after{ right:auto; left:100%; border-right:none; border-left:15px solid #999933; } .ctext3 .list .cont .l1:nth-child(2n) .tit img{ right:auto; left:11px;} } @media screen and (max-width:767px){ .ctext3 .list{ margin-top:0;} .ctext3 .list .cont{ float:left; width:100%;} .ctext3 .list .info{ float:none; width:186px; height:186px; display:none;} .ctext3 .list .info .img{ width:94px; height:94px; padding:3px;} .ctext3 .list .cont .l1 .tit{ padding:3px 8px 5px 30px !important;} .ctext3 .list .cont .l1 .tit img{ left:6px !important; top:5px; width:20px; height:20px;} .ctext3 .list .cont .l1 .tit:after{ margin-top:-20px; border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:22px solid #999933; } .ctext3 .list .cont .l1 .p{ margin-top:8px;} } .ctext4{ padding-bottom:90px; padding-top:94px; position:relative; background:#000000; background-image: url(../../../../../v2-243b48753731ef6e8dca84c8d36742da_720w.jpg no); background-image: url(../../../../../v2-243b48753731ef6e8dca84c8d36742da_720w.jpg no-repeat center 0px); } .ctext4 .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; opacity:0.1; content:''; z-index:1;} .ctext4 .list{ float:left; width:100%; margin-top:65px; position:relative; z-index:3;} .ctext4 .list ul{ float:left; width:100%; position:relative;} .ctext4 .list ul:after{ float:left; width:100%; height:1px; position:absolute; left:0; top:68px; content:''; border-bottom:1px dashed #fff; opacity:0.3; z-index:1;} .ctext4 .list li{ float:left; display: flex; width:20%; flex-direction:column; position:relative; z-index:3; align-items: center;} .ctext4 .list li h4{ float:left; display: flex; width:136px; justify-content: center; margin-left:-15px;} .ctext4 .list li h4 i{ display: flex; width:136px; height:136px; position:relative; background:#fff; border-radius:50%;} .ctext4 .list li h4 i:after{ float:left; position:absolute; left:50%; top:50%; content:''; background:#fff; border-radius:20px; width:82px; height:98px; transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:1;} .ctext4 .list li h4 i:before{ float:left; position:absolute; left:100%; top:50%; content:''; width:0; height:0; z-index:1; border-top:39px solid transparent; border-bottom:39px solid transparent;border-left:19px solid #fff; margin-left:11px; transform:translateY(-50%); -ms-transform:translateY(-50%); } .ctext4 .list li h4 i img{ position:relative; z-index:3; background:#999933; border-radius:50%; border:10px solid #fff;} .ctext4 .list li h5{ float:left; display: flex; width:136px; color:#fff; font-size:16px; line-height:26px; font-weight:bold; text-transform:uppercase; opacity:0.5; justify-content: center; margin:23px 0 11px 0;} .ctext4 .list li h6{ float:left; display: flex; width:136px; color:#fff; font-size:16px; line-height:28px; justify-content: center; text-align:center;} .ctext4 .list li:hover h4 i img{ box-shadow:0 5px 10px rgba(0,0,0,0.2); } @media screen and (max-width:1200px){ .ctext4 .list ul:after{ top:51px;} .ctext4 .list li h4{ margin-left:-10px;} .ctext4 .list li h4 i{ width:102px; height:102px; } .ctext4 .list li h4 i:after{ border-radius:20px; width:61px; height:74px; } .ctext4 .list li h4 i:before{ border-top:29px solid transparent; border-bottom:29px solid transparent;border-left:15px solid #fff; margin-left:6px;} .ctext4 .list li h4 i img{ border:6px solid #fff;} } @media screen and (max-width:992px){ .ctext4{ padding-top:20px; padding-bottom:30px;} .ctext4 .list{ margin-top:20px;} .ctext4 .list li h5{ margin:10px 0 2px 0;} .ctext4 .list li h6{ font-size:14px; line-height:24px;} } @media screen and (max-width:767px){ .ctext4 .list ul{ white-space:nowrap; overflow:auto;} .ctext4 .list ul::-webkit-scrollbar{ display: none;} .ctext4 .list li{ float:none; display:inline-block; width:120px; margin:0 10px; white-space:nowrap; vertical-align:top;} .ctext4 .list li h5{ width:120px;} .ctext4 .list li h6{ width:120px; white-space:normal;} } .ctext5{ padding-bottom:100px; padding-top:86px;} .ctext5 .list{ float:left; width:100%; margin-top:15px; } .ctext5 .list ul{ display: flex; flex-wrap:wrap; justify-content: space-between;} .ctext5 .list ul li{ display: flex; box-shadow:0 4px 18px rgba(1,1,1,0.1); width:32%; margin-top:30px;flex-direction:column;} .ctext5 .list ul li .top{ float:left; width:100%; background:#999933; padding:15px 6.25%; min-height:188px; position:relative; justify-content: center; display: flex; flex-direction:column;} .ctext5 .list ul li .top i{ float:left; display:block; width:116px; height:116px; border-radius:50%; position:absolute; left:6.25%; top:50%; margin-top:-58px;} .ctext5 .list ul li .top i img{ border-radius:50%; background:rgba(255,255,255,0.18); line-height:0; border:2px solid rgba(255,255,255,0.12);} .ctext5 .list ul li .top h3{ float:left; color:#fff; font-size:22px; line-height:32px; padding-left:146px;} .ctext5 .list ul li .top h6{ float:left; color:#fff; font-size:16px; line-height:28px; padding-left:146px; margin-top:12px;} .ctext5 .list ul li .down{ float:left; width:100%; padding:26px 8.3% 39px 8.3%; border:1px solid #e5e5e5; border-top:none;} .ctext5 .list ul li .down p{ float:left; width:100%; color:#555555; font-size:16px; line-height:28px;} .ctext5 .list ul li .down .cont{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; border-top:1px solid #e5e5e5; margin:22px 0; padding:14px 0; min-height:164px;} .ctext5 .list ul li .down ._l{ float:left; width:50%; position:relative; padding-left:16px; margin-top:8px;} .ctext5 .list ul li .down ._l:after{ float:left; width:6px; height:6px; position:absolute; left:0; top:10px; content:''; background:#203f9a; opacity:0.2; transform:rotate(-45deg); -ms-transform:rotate(-45deg);} .ctext5 .list ul li .down h6{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px;} .ctext5 .list ul li .down h5{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px;} .ctext5 .list ul li .down .col{ color:#ff0000; font-size:24px; font-weight:bold;} .ctext5 .list ul li .down h4{ float:left; display: flex; width:100%; justify-content: space-between; margin-top:28px; } .ctext5 .list ul li .down h4 a{ float:left; width:46.7%; height:42px; line-height:40px; border:1px solid #e5e5e5; color:#555555; font-size:16px; text-align:center;} .ctext5 .list ul li .down h4 ._a{ background:#999933; border:1px solid #999933; color:#fff;} .ctext5 .list ul li .down h4 a:hover{ background:#fff; border:1px solid #999933; border-radius:3px; color:#999933; box-shadow:0 5px 10px rgba(0,0,0,0.2);} @media screen and (max-width:1500px){ .ctext5 .list ul li .top i{ width:90px; height:90px; margin-top:-45px;} .ctext5 .list ul li .top h3{ font-size:18px; line-height:28px; padding-left:105px;} .ctext5 .list ul li .top h6{ font-size:14px; line-height:24px; padding-left:105px; margin-top:6px;} .ctext5 .list ul li .down p{ font-size:14px; line-height:24px;} .ctext5 .list ul li .down .cont{ font-size:14px; line-height:24px;} .ctext5 .list ul li .down h6{ font-size:14px; line-height:24px;} .ctext5 .list ul li .down h5{ font-size:14px; line-height:24px;} .ctext5 .list ul li .down .col{ font-size:20px;} .ctext5 .list ul li .down h4{ margin-top:20px;} .ctext5 .list ul li .down h4 a{ font-size:14px; height:36px; line-height:34px;} } @media screen and (max-width:992px){ .ctext5{ padding-top:20px; padding-bottom:30px;} .ctext5 .list{ margin-top:0;} .ctext5 .list ul li{ width:48.5%; margin-top:15px;} .ctext5 .list ul li .down{ padding:10px 10px 15px 10px;} .ctext5 .list ul li .down h4 a{ height:32px; line-height:30px; font-size:14px;} .ctext5 .list ul li .down p{ line-height:22px;} .ctext5 .list ul li .down .cont{ margin:10px 0 6px 0; padding:6px 0 0 0; line-height:22px; min-height:22px;} .ctext5 .list ul li .down ._l{ padding-left:10px; margin-top:0;} .ctext5 .list ul li .down ._l:after{ width:4px; height:4px;} } @media screen and (max-width:767px){ .ctext5 .list ul li{ width:100%;} .ctext5 .list ul li .down h4{ margin-top:8px;} .ctext5 .list ul li .top{ padding:12px 10px 12px 10px; min-height:20px;} .ctext5 .list ul li .top i{ position:static; width:100%; height:auto; margin:0; display:none;} .ctext5 .list ul li .top i img{ display:block; margin:0 auto; width:66px; height:66px;} .ctext5 .list ul li .top h3{ font-size:16px; line-height:22px; padding-left:0; text-align:center; margin-top:3px;} .ctext5 .list ul li .top h6{ font-size:13px; line-height:19px; margin-top:2px; text-align:center; padding-left:0;} } .ctext6{ padding-bottom:48px; padding-top:92px; background:#f0f0f0;} .ctext6 .list{ float:left; width:100%; margin-top:52px; position:relative; } .ctext6 .list:after{ float:left; width:1px; height:100%; position:absolute; left:50%; top:0; content:''; background:#999933; opacity:0.2; z-index:1;} .ctext6 .list:before{ float:left; width:1px; height:42px; position:absolute; left:50%; bottom:0; content:''; background:#f0f0f0; z-index:2;} .ctext6 .list ul{ display: flex; width:100%; flex-direction:column;} .ctext6 .list li{ display: flex; width:100%; justify-content: space-between; flex-wrap:wrap; position:relative; } .ctext6 .list li:before{ float:left; width:12px; height:12px; background:#999933; border-radius:50%; content:''; position:absolute; left:50%; top:32px; margin-left:-6px;} .ctext6 .list li .info{ float:left; width:44%; display: flex; flex-wrap:wrap; margin-bottom:42px; background:#fff; color:#555555; font-size:18px; line-height:26px; padding:19px 166px 19px 87px; position:relative; min-height:74px;} .ctext6 .list li .info:after{ float:left; width:20px; height:1px; position:absolute; right:-9.8%; top:32px; content:''; background:#999933; opacity:0.2; margin-top:5px;} .ctext6 .list li .info:nth-child(2n):after{ right:auto; left:-9.8%;} .ctext6 .list li img{ display:block; width:40px; height:40px; position:absolute; left:29px; top:17px;} .ctext6 .list li a{ float:right; width:130px; line-height:34px; height:36px; text-align:center; color:#fff; font-size:16px; background:#999933; border:1px solid #999933; position:absolute; right:22px; top:19px;} .ctext6 .list li a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.3); border-radius:3px; background:#fff; color:#999933;} .ctext6 .list li h5{ display:flex; width:100%; color:#555555; font-size:18px; line-height:28px; margin:4px 0;} .ctext6 .list li .info:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.1); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease;} .ctext6 .list li .info:hover h5{ color:#999933;} @media screen and (max-width:1500px){ .ctext6 .list li .info{ padding:19px 130px 19px 66px;} .ctext6 .list li img{ left:18px;} .ctext6 .list li a{ right:15px; width:100px;} .ctext6 .list li h5{ font-size:16px; line-height:26px; margin:5px 0;} } @media screen and (max-width:992px){ .ctext6{ padding-top:20px; padding-bottom:20px;} .ctext6 .list{ margin-top:20px;} .ctext6 .list:before{ height:15px;} .ctext6 .list li:before{ width:8px; height:8px; margin-left:-4px; top:22px;} .ctext6 .list li .info{ margin-bottom:15px; padding:8px 100px 8px 42px; min-height:44px;} .ctext6 .list li img{ left:8px; top:10px; width:24px; height:24px;} .ctext6 .list li a{ right:8px; top:8px; width:80px; font-size:14px; line-height:26px; height:28px;} .ctext6 .list li h5{ font-size:14px; line-height:22px; margin:3px 0;} .ctext6 .list li .info:after{ width:10px; margin-top:3px;top:22px;} } @media screen and (max-width:767px){ .ctext6 .list li .info{ padding:30px 8px 6px 8px;} .ctext6 .list li img{ left:8px; top:10px; width:20px; height:20px;} .ctext6 .list li a{ right:8px; top:8px; width:60px; font-size:12px; line-height:20px; height:22px;} } .ctext7{ padding-bottom:45px; padding-top:52px; position:relative; background:#999933;} .ctext7 .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; z-index:1;} .ctext7 form{ float:left; width:100%; position:relative; z-index:3;} .ctext7 .left{ float:left; width:40.5%;} .ctext7 .right{ float:right; width:48.2%;} .ctext7 h1{width:100%; float:left; color:#fff; font-size:28px; line-height:38px; border-bottom:1px solid rgba(255,255,255,0.2);} .ctext7 h1 span{ display:inline-table; position:relative; padding:0 0 23px 0; } .ctext7 h1 span:after{ float:left; width:100%; height:3px; content:''; position:absolute; left:0; bottom:-2px; background:#ff0000;} .ctext7 h2{width:100%; float:left; color:#fff; font-size:28px; line-height:38px; padding:0 0 14px 0; } .ctext7 .cont{width:100%; float:left; margin-top:16px; color:#fff; font-size:16px; line-height:26px; } .ctext7 .cont li{ min-width:33.33%; float:left; margin:12px 0; } .ctext7 .lab{width:100%; float:left; position:relative; margin-top:4px; margin-bottom:12px; } .ctext7 .lab img{ float:left; width:22px; height:22px; position:absolute; left:10px; top:50%; margin-top:-11px;} .ctext7 .lab1{ width:48%;} .ctext7 .lab2{ width:48%; float:right;} .ctext7 .lab3{ width:68%;} .ctext7 .lab4{ width:28%; float:right;} .ctext7 .fv{width:100%; float:left; height:46px; line-height:28px; background:#fff; border:1px solid rgba(229,229,229,0.5); color:rgba(51,51,51,0.7); font-size:16px; padding:8px 15px 8px 38px;} .ctext7 .sib{ float:left; width:100%; height:46px; line-height:48px; background:#ff0000; color:#fff; font-size:16px;} .ctext7 .sib:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} .ctext7 a{ float:right; position:absolute; right:0; top:0; background:#dbdbdb; width:120px; line-height:46px; text-align:center; color:#333333; font-size:16px;} .ctext7 input[type="checkbox"]{ float:left; width:16px; height:16px; text-align: center; position:relative; line-height:14px; margin:5px 10px 0 0; cursor:pointer;} .ctext7 input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width:16px;height:16px;} .ctext7 input[type="checkbox"]:checked::before{content: "\2713";background-color: #ff0000;position: absolute;top: 0;left: 0;width:100%;color:#fff;font-size:12px;} .ctext7 ::-webkit-input-placeholder{color:rgba(51,51,51,0.7)} .ctext7 :-moz-placeholder{color:rgba(51,51,51,0.7)} .ctext7 ::-moz-placeholder{color:rgba(51,51,51,0.7)} .ctext7 :-ms-input-placeholder{color:rgba(51,51,51,0.7)} @media screen and (max-width:1500px){ .ctext7 .left{ width:47.5%;} .ctext7 .right{ width:49.2%;} .ctext7 h1{ font-size:20px; line-height:30px;} .ctext7 h2{ font-size:20px; line-height:30px;} } @media screen and (max-width:992px){ .ctext7{ padding-bottom:25px; padding-top:25px; } .ctext7 h1{ font-size:16px; line-height:26px;} .ctext7 h1 span{ padding:0 0 10px 0;} .ctext7 h2{ font-size:16px; line-height:26px; padding:0 0 5px 0;} .ctext7 .cont{ font-size:14px; line-height:24px; margin-top:12px;} .ctext7 .cont li{ margin:4px 0;} .ctext7 .lab{ margin-bottom:8px; margin-top:2px;} .ctext7 .fv{ height:36px; line-height:36px; font-size:14px; line-height:24px; padding:5px 15px 5px 30px;} .ctext7 a{ width:88px; line-height:36px; font-size:14px;} .ctext7 .sib{ height:36px; line-height:36px; font-size:14px;} .ctext7 .lab img{ width:18px; height:18px; left:8px; margin-top:-9px;} .ctext7 input[type="checkbox"]{ width:10px; height:10px; line-height:8px; margin:6px 7px 0 0;} .ctext7 input[type="checkbox"]::before{ width:10px;height:10px;} } @media screen and (max-width:767px){ .ctext7 .left{ width:100%;} .ctext7 .right{ width:100%; margin-top:10px;} } .Banner{ float:left; width:100%; line-height:0; position:relative; z-index:1;} .Banner .text{ float:left; width:100%; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); padding:0 15px;} .Banner .text h1{ float:left; width:100%; color:#fff; font-size:48px; line-height:54px; font-weight:bold; letter-spacing:1px; text-shadow:6px 6px 8px rgba(1,1,1,0.22);} .Banner .text h5{ float:left; width:100%; color:#fff; font-size:24px; line-height:30px; letter-spacing:2px; text-shadow:6px 6px 8px rgba(1,1,1,0.22); margin-bottom:6px;} ._slide{ float:left; width:100%;} ._slide .img{ float:left; width:100%; line-height:0;display: flex; justify-content: center; position:relative; margin-top:-26px; z-index:3;} ._slide .img img{ background:#fff; width:54px; padding:12px 17px 1px 17px;} ._slide ._Titl{ float:left; width:100%; text-align:center; color:#555555; font-size:16px; line-height:26px; margin-top:14px;} ._slide ._Titl a{ color:#555555;} ._slide ._Titl a:hover{ color:#999933;} ._slide .pz_SideLayer{ float:left; width:100%;display: flex; justify-content: center; margin-top:49px; flex-wrap:wrap;} ._slide .pz_SideLayer .l1{ float:left; margin:10px 8px 0 8px; display: flex;} ._slide .pz_SideLayer .l1 a{ float:left; padding:7px 35px; background:#f0f0f0; border-radius:4px; color:#333333; font-size:18px; line-height:28px;} ._slide .pz_SideLayer .l1.on a{ background:#999933; color:#fff;} @media screen and (max-width:992px){ .Banner .text h1{ font-size:15px; line-height:19px; letter-spacing:0;} .Banner .text h5{ font-size:12px; line-height:16px; letter-spacing:0; margin-bottom:4px;} ._slide .img{ margin-top:-16px;} ._slide .img img{ width:36px; padding:8px 10px 1px 10px;} ._slide ._Titl{ font-size:14px; line-height:24px; margin-top:5px;} ._slide .pz_SideLayer{ margin-top:12px; display:none;} ._slide .pz_SideLayer .l1{ margin:8px 4px 0 4px;} ._slide .pz_SideLayer .l1 a{ font-size:14px; line-height:24px; padding:3px 10px;} } #obtn .wack1{ float:left; width:100%; text-align:center;} #obtn .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #obtn .wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:38px; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border:1px solid #e1e1e1; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #obtn .wack1 .pz_fy a:hover, #obtn .wack1 .pz_fy a.on{color:#fff; border:1px solid #999933; background:#999933;} #obtn .wack1 .pz_fy .l_fy, #obtn .wack1 .pz_fy .r_fy{ width:100px;} #obtn .wack1 .pz_fy .l_fy i, #obtn .wack1 .pz_fy .r_fy i{ display:block; width:16px; height:2px; background:#999933; margin:17px auto; position:relative;} #obtn .wack1 .pz_fy .l_fy i:after, #obtn .wack1 .pz_fy .l_fy i:before, #obtn .wack1 .pz_fy .r_fy i:after, #obtn .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#999933; content:''; position:relative;} #obtn .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:3px; left:-7px; } #obtn .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-3px; left:0px; } #obtn .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:3px; right:-2px; } #obtn .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; right:-9px;} #obtn .wack1 .pz_fy .l_fy:hover i, #obtn .wack1 .pz_fy .r_fy:hover i{ background:#fff;} #obtn .wack1 .pz_fy .l_fy:hover i:after, #obtn .wack1 .pz_fy .l_fy:hover i:before, #obtn .wack1 .pz_fy .r_fy:hover i:after, #obtn .wack1 .pz_fy .r_fy:hover i:before{ background:#fff;} @media screen and (max-width:992px){ #obtn .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #obtn .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #999933; background:#999933; border-radius:16px; overflow:hidden;} #obtn .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } ._ctext{ padding-top:75px; padding-bottom:80px;} ._ctext1{ padding-top:0; padding-bottom:66px;} ._ctext2{ padding-top:94px; padding-bottom:22px;} .ctextL{ float:left; width:68.8%; position:relative;} .ctextR{ float:right; width:29.3%;} ._form{ width:100%; float:left; background:#fff;} ._form.active{ width:440px; z-index:6;} ._form form{ float:left; width:100%; border:1px solid #e5e5e5; padding:31px 5.8% 39px 6.8%;} ._form h1{width:100%; float:left; color:#555555; font-size:20px; line-height:30px; border-bottom:1px solid #e5e5e5; } ._form h1 span{ display:inline-table; padding:0 0 30px 0; position:relative; } ._form h1 span:after{ float:left; width:100%; height:3px; content:''; position:absolute; left:0; bottom:-2px; background:#999933;} ._form h2{width:100%; float:left; color:#555555; font-size:20px; line-height:30px; padding:38px 0 23px 0; } ._form .cont{width:100%; float:left; margin-top:16px; color:#555555; font-size:16px; line-height:26px; } ._form .cont li{ min-width:33.33%; float:left; margin:12px 0; } ._form .lab{width:100%; float:left; position:relative; margin-bottom:12px; } ._form .lab img{ float:left; width:22px; height:22px; position:absolute; left:10px; top:50%; margin-top:-11px;} ._form .fv{width:100%; float:left; height:48px; line-height:28px; background:none; border:1px solid rgba(229,229,229,0.5); color:rgba(85,85,85,0.7); font-size:16px; padding:9px 15px 9px 38px;} ._form .sib{ display:block; margin:30px auto 0 auto; width:208px; height:48px; line-height:48px; background:#999933; color:#fff; font-size:16px;} ._form .sib:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} ._form a{ float:right; position:absolute; right:0; top:0; background:#e5e5e5; width:120px; line-height:48px; text-align:center; color:#333333; font-size:16px;} ._form input[type="checkbox"]{ float:left; width:16px; height:16px; text-align: center; position:relative; line-height:14px; margin:5px 10px 0 0; cursor:pointer;} ._form input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width:16px;height:16px; border:1px solid #e5e5e5;} ._form input[type="checkbox"]:checked::before{content: "\2713";background-color: #999933;position: absolute;top: 0;left: 0;width:100%;color:#fff;font-size:12px; border:1px solid #999933;} ._form ::-webkit-input-placeholder{color:rgba(85,85,85,0.7)} ._form :-moz-placeholder{color:rgba(85,85,85,0.7)} ._form ::-moz-placeholder{color:rgba(85,85,85,0.7)} ._form :-ms-input-placeholder{color:rgba(85,85,85,0.7)} @media screen and (max-width:1500px){ ._form.active{ width:25.8%; z-index:6;} ._form h1{ font-size:16px; line-height:26px;} ._form h2{ font-size:16px; line-height:26px;} } @media screen and (max-width:992px){ ._ctext{ padding-top:25px; padding-bottom:30px;} ._ctext1{ padding-top:0; padding-bottom:30px;} ._ctext2{ padding-top:25px; padding-bottom:18px;} .ctextL{ width:100%;} .ctextR{ width:100%; margin-top:20px;} ._form.active{ position:static !important; width:100%; z-index:6;} ._form form{padding:15px 12px;} ._form h1{ font-size:16px; line-height:26px; padding:0 0 10px 0;} ._form h1:after{ width:70px;} ._form h2{ font-size:16px; line-height:26px; padding:6px 0 12px 0;} ._form .cont{ font-size:14px; line-height:24px; margin-top:12px;} ._form .cont li{ margin:4px 0;} ._form .lab{ margin-bottom:8px;} ._form .fv{ height:36px; line-height:36px; font-size:14px; line-height:24px; padding:5px 15px 5px 30px;} ._form a{ width:100px; line-height:36px; font-size:14px;} ._form .sib{ margin:10px auto 0 auto; width:140px; height:36px; line-height:36px; font-size:14px;} ._form .lab img{ width:18px; height:18px; left:8px; margin-top:-9px;} ._form input[type="checkbox"]{ width:10px; height:10px; line-height:8px; margin:6px 7px 0 0;} ._form input[type="checkbox"]::before{ width:10px;height:10px;} } @media screen and (max-width:767px){ } ._list1{ float:left; width:100%; border:1px solid #e5e5e5; padding:26px 5.8% 2px 6.8%; margin-bottom:29px;} ._list1 h4{ float:left; width:100%; color:#999933; font-size:24px; line-height:34px; border-bottom:1px solid #e5e5e5; padding-bottom:25px; position:relative;} ._list1 h4:after{ float:left; width:100px; height:3px; content:''; position:absolute; left:0; bottom:-2px; background:#999933;} ._list1 ul{ float:left; width:100%; margin-top:8px;} ._list1 ul li{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:18px 0;} ._list1 ul li:last-child{ border-bottom:none;} ._list1 ul li a{ float:left; width:100%; position:relative; padding-left:122px;} ._list1 ul li i{ float:left; width:122px; height:82px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;} ._list1 ul li i img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} ._list1 ul li .cont{ float:left; width:100%; display:flex; flex-direction:column; justify-content: center; min-height:82px; padding-left:11.2%;} ._list1 ul li h6{ float:left; width:100%; color:#555555; font-size:14px; line-height:30px; display: flex; align-items: center; justify-content: space-between;} ._list1 ul li h6 time{display: flex; align-items: center;} ._list1 ul li h6 span{ font-size:22px; font-weight:bold; margin-right:9px;} ._list1 ul li h6 img{ float:right; width:20px; height:14px; background:url("../_im_g/main17.png") center no-repeat;} ._list1 ul li p{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; margin-top:10px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} @media screen and (max-width:1500px){ ._list1 ul li i{ width:100px; height:67px;} ._list1 ul li a{ padding-left:100px;} ._list1 ul li .cont{ padding-left:12px;} ._list1 ul li p{ font-size:14px; line-height:24px; margin-top:0;} ._list1 ul li .cont{ min-height:67px;} } @media screen and (max-width:992px){ ._list1{ padding:15px 12px 2px 12px; margin-bottom:20px; display:none;} ._list1 h4{ font-size:18px; line-height:28px; padding-bottom:10px;} ._list1 h4:after{ width:72px;} ._list1 ul li{ padding:12px 0;} } @media screen and (max-width:767px){ } ._newsL{ float:left; width:100%; margin-bottom:56px;} ._newsL ul{ float:left; width:100%;} ._newsL ul li{ float:left; width:100%; border:1px solid #e5e5e5; padding:12px; margin-bottom:26px;-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; } ._newsL ul li a{ float:left; width:100%; position:relative; padding-left:313px;} ._newsL ul li i{ float:left; width:313px; height:210px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;} ._newsL ul li i img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} ._newsL ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._newsL ul li .cont{ float:left; width:100%; display:flex; flex-direction:column; justify-content: center; min-height:210px; padding:0 4.3% 0 5.7%;} ._newsL ul li h6{ float:left; width:100%; color:#555555; font-size:16px; line-height:36px; display: flex; align-items: center; justify-content: space-between;} ._newsL ul li h6 time{display: flex; align-items: center;} ._newsL ul li h6 span{ font-size:30px; font-weight:bold; margin-right:14px;} ._newsL ul li h6 img{ float:right; width:20px; height:14px; background:url("../_im_g/main17.png") center no-repeat;} ._newsL ul li h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin-top:10px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} ._newsL ul li p{ float:left; width:100%; color:#555555; font-size:16px; line-height:28px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:16px;} ._newsL ul li:hover{ border:1px solid #999933; background:#999933;} ._newsL ul li:hover h6{ color:#fff;} ._newsL ul li:hover h5{ color:#fff;} ._newsL ul li:hover p{ color:#fff;} @media screen and (max-width:1500px){ ._newsL ul li i{ width:200px; height:134px;} ._newsL ul li a{ padding-left:200px;} ._newsL ul li .cont{ min-height:134px; padding:0 2% 0 2.5%;} ._newsL ul li h5{ font-size:16px; line-height:26px; margin-top:5px;} ._newsL ul li p{ font-size:14px; line-height:24px; margin-top:8px;} ._newsL ul li h6{ font-size:14px; line-height:30px;} ._newsL ul li h6 span{ font-size:24px; margin-right:8px;} } @media screen and (max-width:992px){ ._newsL{ margin-bottom:10px;} ._newsL ul li{ padding:6px; margin-bottom:15px;} } @media screen and (max-width:767px){ ._newsL ul li i{ width:120px; height:80px;} ._newsL ul li a{ padding-left:120px;} ._newsL ul li h6{ line-height:26px;} ._newsL ul li h5{ margin-top:0;} ._newsL ul li p{ margin-top:0;-webkit-line-clamp:1;} ._newsL ul li .cont{ min-height:80px; padding:0 2px 0 10px;} } ._newsDet{float: left; width: 100%; border:1px solid #e5e5e5; padding:55px 3.88% 35px 3.88%;} ._newsDet.pagecon{padding-top:35px;} ._newsDet h2{float: left; width: 100%; color:#333333; font-size:28px; line-height:38px; text-align:center;} ._newsDet .dTime{float: left; width: 100%; color:#555555; font-size:16px; line-height:26px; margin-top:6px; text-align:center;} ._newsDet .dTime img{vertical-align: middle; margin-top: -2px;} ._newsDet .newsWords{float: left; width: 100%; margin-top:33px; border-top:1px solid #e5e5e5; color:#555555; font-size:16px; line-height:28px; padding:38px 0 48px 0;} ._newsDet.pagecon .newsWords{border:0; margin-top:0; padding:0;} ._newsDet .caseShare{float: left; width: 100%; text-align: center; margin:30px 0 40px 0;} ._newsDet .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; background:#f0f0f0; padding:21px 30px; border-radius:5px;} ._newsDet .cont{ float:left; width:100%;} ._newsDet .cont .zan{ display:block; margin:0 auto; width:104px; height:104px; position:relative; border:1px solid #e5e5e5; border-radius:50%;} ._newsDet .cont .img{ float:left; width:100%; line-height:0; text-align:center; margin:18px 0 7px 0;} ._newsDet .cont .img img{ width:38px; height:38px;} ._newsDet .cont .tit{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; text-align:center;} ._newsDet .cont .zan.on .tit{color: #003567;} ._newsDet .UP_DOWN{float: left; width: 100%; padding:43px 0 8px 0;position: relative; margin-top:39px; overflow:hidden;} ._newsDet .UP_DOWN:after, ._newsDet .UP_DOWN:before{ float:left; width:44.7%; height:1px; background:#e5e5e5; position:absolute; top:24px; content:'';} ._newsDet .UP_DOWN:after{ left:50%; margin-left:50px; } ._newsDet .UP_DOWN:before{ right:50%; margin-right:50px;} ._newsDet .UP_DOWN .left, ._newsDet .UP_DOWN .right{ float:left; max-width:44.7%; color:#555555; font-size:16px; line-height:28px; height:56px; overflow: hidden;} ._newsDet .UP_DOWN .left:hover, ._newsDet .UP_DOWN .right:hover{ color:#003567;} ._newsDet .UP_DOWN .right{ float:right; text-align:right;} ._newsDet .UP_DOWN .return{ float:left; position: absolute; left:50%; top:0; line-height:56px; background:#003567; width:56px; height:56px; border-radius:50%; text-align:center; margin-left:-28px; color:#fff; font-size:16px;} ._newsDet .UP_DOWN .return:after, ._newsDet .UP_DOWN .return:before{ float:left; position:absolute; right:100%; top:32px; content:''; background:#e5e5e5; width:116px; height:1px;} ._newsDet .UP_DOWN .return:after{ left:50%; margin-left:50px;} ._newsDet .UP_DOWN .return:before{ right:50%; margin-right:50px;} ._newsDet .UP_DOWN i{ float:left; width:1px; height:32px; background:#e5e5e5; position:absolute; left:50%; bottom:0;} .bsBox{ box-sizing:content-box;} @media screen and (max-width:992px){ ._newsDet{ padding:15px 12px;} ._newsDet.pagecon{padding-top:15px;} ._newsDet .info{ padding:12px 10px; font-size:14px; line-height:24px;} ._newsDet .newsWords{ font-size:14px; line-height:24px; margin-top:14px; padding:18px 0;} ._newsDet.pagecon .newsWords{margin-top:0; padding:0;} ._newsDet .dTime{ font-size:14px; line-height:24px; margin-top:3px;} ._newsDet h2{ font-size:18px; line-height:28px;} ._newsDet .caseShare{ margin:15px 0 20px 0;} ._newsDet .cont .zan{width:70px; height:70px;} ._newsDet .cont .img{ margin:10px 0 1px 0;} ._newsDet .cont .img img{ width:24px; height:24px;} ._newsDet .cont .tit{ font-size:13px; line-height:22px;} ._newsDet .UP_DOWN{ margin-top:20px; padding:36px 0 2px 0;} ._newsDet .UP_DOWN .left, ._newsDet .UP_DOWN .right{ font-size:14px; line-height:24px; height:48px;} ._newsDet .UP_DOWN:after, ._newsDet .UP_DOWN:before{ top:16px;} ._newsDet .UP_DOWN:after{ left:50%; margin-left:30px; } ._newsDet .UP_DOWN:before{ right:50%; margin-right:30px;} ._newsDet .UP_DOWN .return{ width:40px; height:40px; line-height:40px; font-size:12px; margin-left:-20px;} ._newsDet .UP_DOWN .return:after, ._newsDet .UP_DOWN .return:before{ width:50px; top:24px;} ._newsDet .UP_DOWN .return:after{ left:50%; margin-left:30px;} ._newsDet .UP_DOWN .return:before{ right:50%; margin-right:30px;} ._newsDet .UP_DOWN i{ height:28px;} } ._slide1{ float:left; width:100%; margin-bottom:19px;} ._slide1 li{ float:left; width:100%; margin-bottom:11px;} ._slide1 li a{ float:left; width:100%; text-align:right; background:#f0f0f0; color:#333333; font-size:18px; line-height:30px; padding:12px 26px; position:relative;} ._slide1 li a:after{ display:none; float:left; width:20px; height:1px; position:absolute; left:26px; top:50%; content:''; background:#fff; margin-top:-1px;} ._slide1 li a:before{ display:none; float:left; width:11px; height:11px; position:absolute; left:26px; top:50%; content:''; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg); border-left:1px solid #fff; border-bottom:1px solid #fff;} ._slide1 li:hover a{ color:#999933; box-shadow:0 3px 5px rgba(0,0,0,0.2);} ._slide1 li.on a{ background:#999933; color:#fff;} ._slide1 li.on a:after{ display:block;} ._slide1 li.on a:before{ display:block;} @media screen and (max-width:992px){ ._slide1{ margin-bottom:15px;} ._slide1 li{ margin-bottom:6px;} ._slide1 li a{ padding:4px 12px; font-size:14px; line-height:24px;} ._slide1 li a:after{ left:12px; width:12px;} ._slide1 li a:before{ left:12px; width:7px; height:7px;} } ._slide2{ float:left; width:100%; margin-bottom:19px;} ._slide2 li{ float:left; width:100%; margin-bottom:11px;} ._slide2 li span{ float:left; width:100%;} ._slide2 li span a{ float:left; width:100%; text-align:right; background:#f0f0f0; color:#333333; font-size:18px; line-height:30px; padding:12px 26px; position:relative;} ._slide2 li span a:before{ float:left; width:14px; height:14px; position:absolute; left:26px; top:50%; content:''; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg); border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8;} ._slide2 li span a.nosub:before{display:none;} ._slide2 li:hover span a{ color:#999933; box-shadow:0 3px 5px rgba(0,0,0,0.2);} ._slide2 li.on span a{ background:#999933; color:#fff;} ._slide2 li.on span a:before{ border-left:1px solid #fff; border-bottom:1px solid #fff; transform:translate(0,-80%) rotate(-45deg); -ms-transform:translate(0,-80%) rotate(-45deg);} ._slide2 li dl{ float:left; width:100%; border:1px solid #e5e5e5; border-top:none; padding:20px 0;} ._slide2 li dd{ float:left; width:100%; } ._slide2 li dd a{ float:left; width:100%; color:#555555; font-size:16px; line-height:36px; padding:0 28px; text-align:right; } ._slide2 li dd a.on, ._slide2 li dd a:hover{ color:#999933; font-weight:bold;} @media screen and (max-width:992px){ ._slide2{ margin-bottom:15px;} ._slide2 li{ margin-bottom:6px;} ._slide2 li span a{ padding:4px 12px; font-size:14px; line-height:24px;} ._slide2 li span a:after{ left:12px; width:12px;} ._slide2 li span a:before{ left:12px; width:7px; height:7px;} ._slide2 li dl{ padding:8px 8px;} ._slide2 li dd{ width:33.33%;} ._slide2 li dd a{ font-size:13px; line-height:24px; padding:0 6px 0 0;} } ._helpHd1{ float:left; width:100%; overflow:hidden; position:relative; z-index:1; border-bottom:1px solid #e5e5e5;} ._helpHd1.active{ background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); position:fixed; top:0; width:1032px;} ._helpHd1 ul{ float:left;flex-wrap:wrap; display:flex;} ._helpHd1 ul li{ display:inline-block; vertical-align:top; white-space:nowrap; color:#555555; font-size:18px; line-height:28px; padding:9px 26px; cursor:pointer;} ._helpHd1 ul li.on{ background:#999933; color:#fff;} ._helpHd1 ul li.on a{ color:#fff;} ._helpBd1{ float:left; width:100%;} ._helpD{ float:left; width:100%; margin-top:13px; color:#555555; font-size:16px; line-height:30px;} ._helpD{ float:left; width:100%; margin-top:28px;} ._helpD .tit{ float:left; width:100%; color:#999933; font-size:18px; line-height:28px; min-height:36px; font-weight:bold; position:relative; padding-left:50px; padding-top:4px;} ._helpD .tit h1{ float:left; width:36px; height:36px; border-radius:50%; line-height:34px; text-align:center; color:#fff; background:#999933; font-size:16px; position:absolute; left:0; top:0;} ._helpD .p{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; margin-top:13px;} @media screen and (max-width:1500px){ ._helpHd1.active{ width:59.8%;} ._helpHd1 ul li{ padding:7px 15px; font-size:15px;} } @media screen and (max-width:992px){ ._helpHd1.active{ width:100%; left:0;} ._helpHd1 ul li{ font-size:13px; line-height:22px; padding:4px 8px;} ._helpD{ margin-top:15px; font-size:14px; line-height:24px;} ._helpD .tit{ font-size:16px; line-height:26px; padding-left:34px; padding-top:1px; min-height:28px;} ._helpD .tit h1{ width:28px; height:28px; line-height:28px; font-size:13px;} ._helpD .p{ font-size:14px; line-height:24px; margin-top:8px;} } ._serv{ float:left; width:100%; border:1px solid #e5e5e5; padding:20px 0 20px 20px;} ._serv .left{ float:left; width:22%; min-height:325px; padding:15px; display:flex; align-items: center; justify-content: center; flex-direction:column; position:relative;} ._serv .left:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; background:url("../_im_g/img7.png") center no-repeat rgba(46 173 212 / 89%); background-size:cover; z-index:1;} ._serv .left .l1{ float:left; width:100%; position:relative; z-index:3; text-align:center; color:#fff; font-size:40px; line-height:50px; font-weight:bold;} ._serv .left .l2{ float:left; position:relative; z-index:3; color:#999933; font-size:16px; line-height:24px; background:#ffffff; padding:1px 26px; border-radius:26px; margin:14px 0 40px 0;} ._serv .left .l3{ float:left; position:relative; z-index:3; width:100%; color:#fff; font-size:18px; line-height:36px; text-align:center;} ._serv .center{ float:left; width:58.5%; margin-top:18px; padding:0 3.7%; border-right:1px solid #e5e5e5;} ._serv .center .l1{ float:left; width:100%; color:#333333; font-size:22px; line-height:32px; font-weight:bold;} ._serv .center .l2{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; margin:12px 0 20px 0;} ._serv .center .l3{ float:left; width:100%; color:#555555; font-size:20px; line-height:30px; position:relative; padding:16px 0;} ._serv .center .l3:after{ float:left; width:100%; height:100%; content:''; background:#fff; opacity:0.2; position:absolute; left:0; top:0; z-index:1;} ._serv .center .l3 .p{ float:left; min-width:50%; padding-left:25px; margin-top:4px; margin-bottom:4px;} ._serv .center .l3 .col{ display:inline-block; vertical-align:bottom; color:#ff0000; font-size:36px; height:30px; font-weight:bold; margin:0 4px;} ._serv .center .l3 .x{ width:22px; height:22px; margin-left:4px; } ._serv .center .l4{ float:left; width:100%; margin-top:5.8%;} ._serv .center .l4 a{ float:left; background:#999933; border:1px solid #999933; text-align:center; width:172px; color:#fff; font-size:16px; line-height:44px;} ._serv .center .l4 a:hover{ background:#fff; color:#999933; box-shadow:0 5px 10px rgba(0,0,0,0.2); border-radius:3px;} ._serv .right{ float:left; width:19.5%; padding:0 20px;} ._serv .right .img{ float:left; width:100%; line-height:0; text-align:center; margin:7px 0 14px 0;} ._serv .right .img img{ width:144px; height:144px; border-radius:50%;} ._serv .right .l1{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; text-align:center; font-weight:bold;} ._serv .right .l2{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; text-align:center; margin:2px 0 19px 0;} ._serv .right .l3{ float:left; width:100%;} ._serv .right .l3 a{ display:block; margin:0 auto; background:#999933; border:1px solid #999933; text-align:center; width:172px; color:#fff; font-size:16px; line-height:44px;} ._serv .right .l3 a:hover{ background:#fff; color:#999933; box-shadow:0 5px 10px rgba(0,0,0,0.2); border-radius:3px;} ._serv .right .slick-dots{ margin-top:18px; display:flex; justify-content: center; position:static;} ._serv .right .slick-dots li{ width:10px; height:10px; margin:0 4px; border:1px solid #999933; border-radius:50%; opacity:0.4;} ._serv .right .slick-dots li.slick-active{ background:#999933; opacity:1;} @media screen and (max-width:1500px){ ._serv .left .l1{ font-size:20px; line-height:30px;} ._serv .left .l2{ font-size:14px; line-height:24px; padding:1px 15px; margin:14px 0 20px 0;} ._serv .left .l3{ font-size:14px; line-height:26px;} ._serv .center{ padding:0 3%;} ._serv .center .l1{ font-size:18px; line-height:28px;} ._serv .center .l2{ font-size:15px; line-height:26px;} ._serv .center .l3{ font-size:16px; line-height:26px;} ._serv .center .l3 .col{ font-size:24px; height:26px;} ._serv .center .l3 .p{ padding-left:15px;} ._serv .center .l3 .x{ width:16px; height:16px; margin-left:2px;} ._serv .right .img img{ width:100px; height:100px;} ._serv .right .l3 a{ width:90%;} ._serv .right .l1{ font-size:18px; line-height:28px;} ._serv .right .l2{ font-size:14px; line-height:24px;} } @media screen and (max-width:992px){ ._serv{ padding:12px 0 12px 12px;} ._serv .left{ min-height:300px;} ._serv .center .l3{ padding:10px 0;} ._serv .center .l4 a{ font-size:14px; height:34px; line-height:32px; width:100px;} ._serv .right .l3 a{ font-size:14px; height:34px; line-height:32px;} } @media screen and (max-width:767px){ ._serv{ padding:12px;} ._serv .left{ width:100%; min-height:50px;} ._serv .left .l2{ margin:10px 0 10px 0;} ._serv .center{ width:100%; border-right:none; padding:0; margin-top:15px;} ._serv .center .l2{ margin:6px 0 10px 0; line-height:24px;} ._serv .center .l3{ padding:6px 0;} ._serv .center .l3 .p{ margin-top:2px; margin-bottom:2px;} ._serv .center .l4{ margin-top:15px;} ._serv .center .l4 a{ width:100%;} ._serv .right{ width:100%; padding:8px 0; display:none;} ._serv .right .l3 a{ width:100px;} ._serv .right .l2{ margin:2px 0 12px 0;} ._serv .right .img{ margin:7px 0 7px 0;} ._serv .right .slick-dots{ margin-top:15px;} } ._helpHd{ float:left; width:100%; overflow:hidden; position:relative; z-index:1;} ._helpHd.active{ position:fixed; top:0; width:1032px; box-shadow:0 5px 10px rgba(0,0,0,0.2);} ._helpHd ul{ float:left; width:100%; flex-wrap:wrap; display:flex; background:#f0f0f0;} ._helpHd ul li{ display:inline-block; vertical-align:top; white-space:nowrap; color:#333333; font-size:16px; line-height:28px; padding:9px 26px; cursor:pointer;} ._helpHd ul li.on{ background:#999933; color:#fff;} ._helpHd ul li.on a{ color:#fff;} ._helpBd{float:left; width:100%; border:1px solid #e5e5e5; /*border-top:none;*/ padding:0 2.9% 0 2.9%;} ._helpL{ float:left; width:100%;} ._helpL .l1{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:32px 0 29px 0;} ._helpL .l1:last-child{ border-bottom:none;} ._helpL .l1 .tit{ float:left; width:100%; color:#999933; font-size:20px; line-height:30px; min-height:46px; font-weight:bold; position:relative; padding-left:60px; padding-top:8px;} ._helpL .l1 .tit h1{ float:left; width:46px; height:46px; border-radius:50%; line-height:44px; text-align:center; color:#999933; border:1px solid #999933; font-size:20px; position:absolute; left:0; top:0;} ._helpL .l1 .p{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; margin-top:10px; position:relative; padding-left:60px; padding-top:3px; min-height:46px;} ._helpL .l1 .p h1{ float:left; width:46px; height:46px; border-radius:50%; line-height:44px; text-align:center; color:#fff; background:#999933; font-size:20px; position:absolute; left:0; top:0;} @media screen and (max-width:1500px){ ._helpHd.active{ width:59.8%;} ._helpHd ul li{ padding:7px 15px; font-size:15px;} } @media screen and (max-width:992px){ ._helpHd.active{ width:100%; left:0;} ._helpHd ul li{ font-size:13px; line-height:22px; padding:4px 8px;} ._helpL{ margin-top:12px;} ._helpL .l1{ padding:15px 0;} ._helpL .l1 .tit{ font-size:16px; line-height:26px; padding-left:36px; padding-top:2px; min-height:30px;} ._helpL .l1 .tit h1{ width:30px; height:30px; line-height:28px; font-size:14px;} ._helpL .l1 .p{ font-size:14px; line-height:24px; padding-left:36px; padding-top:3px; min-height:30px; margin-top:6px;} ._helpL .l1 .p h1{ width:30px; height:30px; line-height:28px; font-size:14px;} } .contact3{ padding-bottom:85px; padding-top:29px; position:relative;} .contact3 form{ float:left; width:100%; position:relative; z-index:3; border:1px solid #e5e5e5; padding:34px 3.5% 44px 3.5%;} .contact3 .left{ float:left; width:45.7%;} .contact3 .right{ float:right; width:51.7%;} .contact3 h1{width:100%; float:left; color:#333333; font-size:28px; line-height:38px; } .contact3 h1 span{ display:inline-table; padding:0 0 23px 0;position:relative;} .contact3 h1 span:after{ float:left; width:100%; height:3px; content:''; position:absolute; left:0; bottom:-2px; background:#ff0000;} .contact3 h2{width:100%; float:left; color:#333333; font-size:28px; line-height:38px; padding:0 0 14px 0; } .contact3 .cont{width:100%; float:left; margin-top:16px; color:#555555; font-size:16px; line-height:26px; } .contact3 .cont li{ min-width:33.33%; float:left; margin:12px 0; } .contact3 .lab{width:100%; float:left; position:relative; margin-top:4px; margin-bottom:12px; } .contact3 .lab img{ float:left; width:22px; height:22px; position:absolute; left:10px; top:50%; margin-top:-11px;} .contact3 .lab1{ width:48%;} .contact3 .lab2{ width:48%; float:right;} .contact3 .lab3{ width:68%;} .contact3 .lab4{ width:28%; float:right;} .contact3 .fv{width:100%; float:left; height:46px; line-height:28px; background:#fff; border:1px solid rgba(229,229,229,0.5); color:#555555; font-size:16px; padding:8px 15px 8px 38px;} .contact3 .sib{ float:left; width:100%; height:46px; line-height:48px; background:#ff0000; color:#fff; font-size:16px;} .contact3 .sib:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} .contact3 a{ float:right; position:absolute; right:0; top:0; background:#dbdbdb; width:120px; line-height:46px; text-align:center; color:#333333; font-size:16px;} .contact3 input[type="checkbox"]{ float:left; width:16px; height:16px; text-align: center; position:relative; line-height:14px; margin:5px 10px 0 0; cursor:pointer;} .contact3 input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff; border:1px solid #e5e5e5; width:16px;height:16px;} .contact3 input[type="checkbox"]:checked::before{content: "\2713";background: #ff0000; border:1px solid #ff0000; position: absolute;top: 0;left: 0;width:100%;color:#fff;font-size:12px;} .contact3 ::-webkit-input-placeholder{color:rgba(51,51,51,0.7)} .contact3 :-moz-placeholder{color:rgba(51,51,51,0.7)} .contact3 ::-moz-placeholder{color:rgba(51,51,51,0.7)} .contact3 :-ms-input-placeholder{color:rgba(51,51,51,0.7)} @media screen and (max-width:1500px){ .contact3 .left{ width:47.5%;} .contact3 .right{ width:49.2%;} .contact3 h1{ font-size:20px; line-height:30px;} .contact3 h2{ font-size:20px; line-height:30px;} } @media screen and (max-width:992px){ .contact3{ padding-bottom:25px; padding-top:25px; } .contact3 form{ padding:15px 12px;} .contact3 h1{ font-size:16px; line-height:26px;} .contact3 h1 span{ padding:0 0 10px 0;} .contact3 h2{ font-size:16px; line-height:26px; padding:0 0 5px 0;} .contact3 .cont{ font-size:14px; line-height:24px; margin-top:12px;} .contact3 .cont li{ margin:4px 0;} .contact3 .lab{ margin-bottom:8px; margin-top:2px;} .contact3 .fv{ height:36px; line-height:36px; font-size:14px; line-height:24px; padding:5px 15px 5px 30px;} .contact3 a{ width:88px; line-height:36px; font-size:14px;} .contact3 .sib{ height:36px; line-height:36px; font-size:14px;} .contact3 .lab img{ width:18px; height:18px; left:8px; margin-top:-9px;} .contact3 input[type="checkbox"]{ width:10px; height:10px; line-height:8px; margin:6px 7px 0 0;} .contact3 input[type="checkbox"]::before{ width:10px;height:10px;} } @media screen and (max-width:767px){ .contact3 .left{ width:100%;} .contact3 .right{ width:100%; margin-top:10px;} } .contact4{ position:relative; padding-top:103px; padding-bottom:110px;} .contact4:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; content:''; background:#999933; opacity:0.9;} .contact4 .tit{ float:left; width:100%; text-align:center; color:#fff; font-size:36px; line-height:46px; font-weight:bold; position:relative; z-index:3;} .contact4 .p{ float:left; width:100%; text-align:center; color:#fff; font-size:24px; line-height:34px;position:relative; z-index:3; margin-top:15px;} @media screen and (max-width:992px){ .contact4{ padding-top:25px; padding-bottom:25px;} .contact4 .tit{ font-size:18px; line-height:28px;} .contact4 .p{ font-size:14px; line-height:24px; margin-top:8px;} } .contact5{ position:relative; padding-top:70px; padding-bottom:105px;} .contact5 .list{ float:left; width:100%;} .contact5 .list ul{ float:left; width:100%; display:flex; flex-wrap:wrap; justify-content: space-between;} .contact5 .list ul li{ float:left; width:49.1%; border:1px solid #e5e5e5; box-shadow:6px 6px 6px rgba(27,27,27,0.06); margin-top:29px; padding:26px 30px;} .contact5 .list ul li .top{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; } .contact5 .list ul li .top h4{ float:left; font-weight:bold;} .contact5 .list ul li .top time{ float:right; color:#555555; font-size:16px;} .contact5 .list ul li .num{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin-top:2px; } .contact5 .list ul li .p{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; padding-right:19%; margin:25px 0; overflow:hidden; overflow-y:auto; scrollbar-width:thin; max-height:240px } .contact5 .list ul li .p::-webkit-scrollbar { width:2px; } .contact5 .list ul li .p::-webkit-scrollbar-track { background-color:#e8e8e8; border-radius:4px; } .contact5 .list ul li .p::-webkit-scrollbar-thumb { width:4px; height:60px; background-color:#999933; border-radius:4px } .contact5 .list ul li .btn{ float:left; width:100%; margin-top:4px; } .contact5 .list ul li .btn .a1{ float:left; color:#999933; font-size:16px; line-height:26px; margin:5px 0;} .contact5 .list ul li .btn .a2{ float:right; color:#fff; font-size:16px; line-height:33px; height:35px; background:#999933; border-radius:5px; padding:0 16px;} .contact5 .list ul li .btn .a2:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} @media screen and (max-width:992px){ .contact5{ padding-top:10px; padding-bottom:25px;} .contact5 .list ul li{ margin-top:15px; padding:15px 12px;} .contact5 .list ul li .top{ font-size:16px; line-height:26px;} .contact5 .list ul li .top time{ width:100%; font-size:14px;} .contact5 .list ul li .num{ font-size:14px; line-height:24px;} .contact5 .list ul li .p{ font-size:14px; line-height:24px; padding-right:6px; margin:15px 0; max-height:120px} .contact5 .list ul li .btn .a1{ font-size:14px; line-height:24px; margin:2px 0;} .contact5 .list ul li .btn .a2{ font-size:14px; height:28px; line-height:26px; padding:0 10px;} } @media screen and (max-width:767px){ .contact5 .list ul li{ width:100%;} } .contact1{ float:left; width:100%; margin-top:74px; border:1px solid #e5e5e5; display:flex; flex-wrap:wrap; justify-content: space-between;} .contact1 .l1{ float:left; width:50%; position:relative; text-transform:uppercase; padding:27px 3.2%; display: flex; align-items: center; justify-content: space-between;} .contact1 .l1:nth-child(1), .contact1 .l1:nth-child(2){ background:#f0f0f0;} .contact1 .l1:nth-child(3){ border-right:1px solid #e5e5e5;} .contact1 .l1 .log{ height:50px;} .contact1 .l1 .ico{ display:block; width:64px; height:64px; border-radius:50%; background:#999933;} .contact1 .l1 .p{ display: flex; align-items: center;} .contact1 .l1 .p h4{ display: flex; flex-direction:column; color:#555555; font-size:18px; line-height:30px; margin-left:19px;} .contact1 .l1:nth-child(3) .p h4, .contact1 .l1:nth-child(4) .p h4{ margin-right:19px;} .contact1 .l1 .p .b{ font-weight:bold;} .contact1 .l1 .ma{ display:block; width:160px; float:right;} .contact1 .l1 .ma i{ float:left; display:block; width:112px; line-height:0; border:1px solid #e5e5e5;} .contact1 .l1 .ma h6{ float:right; overflow:hidden; height:112px; display: flex; flex-direction:column; align-items: center; justify-content:flex-end; position:relative;} .contact1 .l1 .ma h6:after{ float:left; width:1px; height:100%; content:''; position:absolute; left:50%; bottom:45px; background:#e5e5e5;} .contact1 .l1 .ma h6 img{ width:23px; height:19px;} .contact1 .l1 .ma h6 span{ display:inline; color:#999933; font-size:16px; line-height:16px; margin-top:4px;} @media screen and (max-width:992px){ .contact1{ margin-top:25px;} .contact1 .l1{ padding:15px 12px;} .contact1 .l1 .log{ height:40px;} .contact1 .l1 .ico{ width:36px; height:36px;} .contact1 .l1 .p h4{ font-size:14px; line-height:22px; margin-left:10px;} .contact1 .l1:nth-child(3) .p h4, .contact1 .l1:nth-child(4) .p h4{ margin-right:10px;} .contact1 .l1 .ma{ width:125px;} .contact1 .l1 .ma i{ width:90px;} .contact1 .l1 .ma h6{ height:90px;} .contact1 .l1 .ma h6 span{ font-size:14px; line-height:14px;} } @media screen and (max-width:767px){ .contact1 .l1{ width:100%;} .contact1 .l1:nth-child(1){border-bottom:1px solid #e5e5e5;} .contact1 .l1:nth-child(3){border-bottom:1px solid #e5e5e5; border-right:none;} .contact1 .l1 .ma h6 img{ width:20px; height:17px;} } .about1{ padding-top:89px; padding-bottom:127px;} .about1 .title{ float:left; width:100%; text-align:center; color:#333333; font-size:36px; line-height:46px;} .about1 .list{ float:left; width:100%; margin-top:25px;} .about1 .list ul{ margin-left:-1%; margin-right:-1%;} .about1 .list ul li{ display:inline-table; vertical-align:top; width:33.5%; line-height:0; overflow:hidden; margin-top:2%; margin-left:1%; margin-right:1%;} .about1 .list ul li:nth-child(1){ width:26%; float:right;} @media screen and (max-width:992px){ .about1{ padding-top:20px; padding-bottom:25px;} .about1 .title{ font-size:18px; line-height:28px;} .about1 .list{ margin-top:5px;} } @media screen and (max-width:767px){ .about1 .list ul{ margin-left:-0.5%; margin-right:-0.5%;} .about1 .list ul li{ width:34.4%; margin-left:0.5%; margin-right:0.5%;} .about1 .list ul li:nth-child(1){ width:26.4%;} } .about2{ float:left; width:100%; margin:75px 0 100px 0; border:1px solid #ffffff; color:#555555; font-size:15px; line-height:30px;} .about2 .text{ padding:44px 4.2%;} .about2 .tit{ display:table; background:url("../_im_g/img20.png") right bottom no-repeat; background-size:46px 46px; color:#333333; font-size:36px; line-height:46px; font-weight:bold; padding:0 19px 18px 0; margin-bottom:18px;} .about2 .img{ float:right; width:39.3%; position:relative; line-height:0; margin-left:4.2%;} .about2 .img .p{ position:absolute; position:absolute; right:-10%; top:27%; color:#999933; font-size:68px; line-height:70px; font-weight:bold; text-transform:uppercase;} .about2 .img .p span{ display:block; color:#fff; text-transform:uppercase; font-size:30px; line-height:32px;} @media screen and (max-width:992px){ .about2{ margin:25px 0 25px 0;} .about2 .text{ padding:15px 12px; font-size:14px; line-height:24px;} .about2 .tit{ font-size:18px; line-height:28px; background-size:20px 20px; padding:0 6px 4px 0; margin-bottom:10px;} .about2 .img{ margin-left:2%;} .about2 .img .p{ right:-10px; font-size:32px; line-height:34px;} .about2 .img .p span{ font-size:16px; line-height:28px;} } @media screen and (max-width:767px){ .about2 .text{ width:100%;} } .about3{ position:relative; padding-top:87px; padding-bottom:103px;} .about3:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.9; background:#18284c; content:'';} .about3 .title{ float:left; width:100%; text-align:center; color:#fff; font-size:36px; line-height:46px; position:relative; z-index:3;} .about3 .list{ float:left; width:100%; position:relative; z-index:3; margin-top:65px;} .about3 .list ul{display: flex; flex-wrap:wrap; } .about3 .list li{ float:left;display: flex; flex-direction:column; width:16.66%; text-align:center; background:rgba(255,255,255,0.1); padding:36px 10px 31px 10px;} .about3 .list li:nth-child(2n){ background:rgba(255,255,255,0.2);} .about3 .list li i{ display:block; margin:0 auto; width:112px; height:112px; border:1px solid #fff; border-radius:50%; position:relative;} .about3 .list li i img{ width:110px; height:110px;} .about3 .list li i .ico{ position:relative;} .about3 .list li i .ino{ position:absolute; left:0; top:0; opacity:0;} .about3 .list li h6{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; margin-top:9px;} .about3 .list li:hover i{ background:#fff;} .about3 .list li:hover i .ico{ opacity:0;} .about3 .list li:hover i .ino{ opacity:1;} @media screen and (max-width:992px){ .about3{ padding-top:25px; padding-bottom:25px;} .about3 .title{ font-size:18px; line-height:28px;} .about3 .list{ margin-top:15px;} .about3 .list li{ padding:20px 10px 15px 10px;} .about3 .list li i{ width:62px; height:62px;} .about3 .list li i img{ width:60px; height:60px;} .about3 .list li h6{ font-size:14px; line-height:24px; margin-top:5px;} } @media screen and (max-width:767px){ .about3 .list li{ width:33.33%;} } .about4{ position:relative; padding-top:94px; padding-bottom:84px;} .about4:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#fff; opacity:0.84; z-index:1;} .about4 .title{ float:left; width:100%; text-align:center; color:#333333; font-size:36px; line-height:46px; position:relative; z-index:3;} .about4 .list{ float:left; width:100%; position:relative; z-index:3; margin-top:66px;} .about4 .list dl{ float:left; width:49%;} .about4 .list dd{ float:left; width:100%; margin-bottom:18px; min-height:236px; display: flex; justify-content: center; flex-direction:column; position:relative; padding:20px 5.4% 20px 51%;} .about4 .list dd:after{ float:left; width:70%; height:100%; content:''; position:absolute; right:0; top:0; z-index:1; background-image: -webkit-linear-gradient(left, rgba(78,38, 78, 0) 0%, rgba(20,38, 78, 1) 60%); background-image: -moz-linear-gradient(left, rgba(78,38, 78, 0) 0%, rgba(20,38, 78, 1) 60%); background-image: -o-linear-gradient(left, rgba(78,38, 78, 0) 0%, rgba(20,38, 78, 1) 60%); background-image: linear-gradient(left, rgba(78,38, 78, 0) 0%, rgba(20,38, 78, 1) 60%); } .about4 .list dd h1{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px; font-weight:bold; position:relative; z-index:2;} .about4 .list dd h6{ float:left; width:100%; color:#fff; font-size:16px; line-height:30px; position:relative; z-index:2; margin-top:18px;} .about4 .list ul{ float:right; width:46%; position:relative;} .about4 .list ul:after{ float:left; width:1px; height:100%; content:''; background:#cbcbcb; position:absolute; left:5px; top:0; z-index:1;} .about4 .list ul li{ float:left; width:100%; position:relative; z-index:3; padding-left:48px; margin-bottom:18px;} .about4 .list ul li:last-child{ margin-bottom:0 !important;} .about4 .list ul li:after{ float:left; width:11px; height:11px; content:''; background:#18284c; border-radius:50%; position:absolute; left:0; top:47px; z-index:3;} .about4 .list ul li:before{ float:left; width:48px; height:1px; content:''; background:#18284c; position:absolute; left:0; top:47px; margin-top:5px; z-index:3;} .about4 .list ul li a{ float:left; width:100%; position:relative; padding-left:166px;} .about4 .list ul li i{ float:left; width:166px; height:110px; line-height:0; overflow:hidden; position:absolute; left:0; top:0; z-index:4; } .about4 .list ul li i img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} .about4 .list ul li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .about4 .list ul li .text{ float:left; width:100%; min-height:110px; display: flex; justify-content: center; flex-direction:column; padding-left:38px; } .about4 .list ul li .text time{ float:left; width:100%; color:#999933; font-size:26px; line-height:36px; } .about4 .list ul li .text h6{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin-top:8px; } @media screen and (max-width:1500px){ .about4 .list dd{ padding:20px 5.4% 20px 30%;} .about4 .list dd:after{ width:88%;} .about4 .list dd h1{ font-size:18px; line-height:28px;} .about4 .list dd h6{ font-size:14px; line-height:24px; margin-top:8px;} .about4 .list ul li{ padding-left:34px;} .about4 .list ul li .text{ padding-left:18px;} .about4 .list ul li .text time{ font-size:18px; line-height:28px;} .about4 .list ul li .text h6{ margin-top:2px; font-size:14px; line-height:22px;} } @media screen and (max-width:992px){ .about4{ padding-top:25px; padding-bottom:25px;} .about4 .title{ font-size:18px; line-height:28px;} .about4 .list{ margin-top:20px;} .about4 .list dd{ margin-bottom:12px;min-height:168px; padding:15px 15px 15px 30%;} .about4 .list ul li{ margin-bottom:12px; padding-left:24px;} .about4 .list ul li:after{ top:35px;} .about4 .list ul li:before{ top:35px;} .about4 .list ul li a{ padding-left:120px;} .about4 .list ul li i{ width:120px; height:79px;} .about4 .list ul li .text{ min-height:79px; padding-left:12px;} .about4 .list ul li .text time{ font-size:} } @media screen and (max-width:767px){ .about4 .list dl{ width:100%;} .about4 .list ul{ width:100%; margin-top:10px;} } ._pubT{ float:left; width:100%; text-align:center; color:#333333; font-size:36px; line-height:46px; position:relative; z-index:3;} ._pubT1{ color:#fff;} ._pubI{ float:left; width:100%; position:relative; z-index:3; margin-top:10px; display: flex; justify-content: center;} ._pubI .p{ display:flex; background:#999933; color:#fff; font-size:16px; line-height:26px; padding:4px 20px; border-radius:34px;} ._pubI1 .p{ background:#fff; color:#999933;} ._pub1{ padding-top:92px; padding-bottom:87px;} ._pubL1{ float:left; width:100%; margin-top:30px; position:relative; z-index:3;} ._pubM{ float:left; width:100%; text-align:center; display: flex; justify-content: center; margin-top:70px;} ._pubM a{ display:flex; width:222px; height:48px; line-height:46px; border-radius:48px; background:#999933; border:1px solid #999933; color:#fff; font-size:16px; text-align:center; align-items: center;justify-content: center;} ._pubM a i{ display:flex; width:16px; height:16px; border-radius:50%; border:3px solid #fff; margin-right:8px;} ._pubM a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2); background:#fff; color:#999933; } ._pubM a:hover i{ border:3px solid #999933;} ._pubM1{ float:left; width:100%; text-align:center; display: flex; justify-content: center; margin-top:72px; position:relative; z-index:3;} ._pubM1 a{ display:flex; width:222px; height:48px; line-height:46px; border-radius:48px; background:#fff; border:1px solid #fff; color:#999933; font-size:16px; text-align:center; align-items: center;justify-content: center;} ._pubM1 a i{ display:flex; width:16px; height:16px; border-radius:50%; border:3px solid #999933; margin-right:8px;} ._pubM1 a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2); opacity:0.8;} @media screen and (max-width:992px){ ._pubT{ font-size:18px; line-height:28px;} ._pubI .p{ font-size:12px; line-height:22px; padding:2px 16px; border-radius:34px;} ._pubM{ margin-top:20px;} ._pubM a{ width:150px; height:36px; line-height:34px; border-radius:36px; font-size:14px; } ._pubM a i{ width:12px; height:12px; margin-right:5px; border:2px solid #fff;} ._pubM a:hover i{ border:2px solid #999933;} ._pubM1{ margin-top:20px;} ._pubM1 a{ width:150px; height:36px; line-height:34px; border-radius:36px; font-size:14px; } ._pubM1 a i{ width:12px; height:12px; margin-right:5px; border:2px solid #999933;} ._pub1{ padding-top:25px; padding-bottom:25px;} ._pubL1{ margin-top:5px;} } @media screen and (max-width:767px){ ._pubL1 ul li:nth-child(3){ display:none;} } ._pub2{ background:#f0f0f0; padding-top:92px; padding-bottom:99px;} ._pubL2{ float:left; width:100%; margin-top:49px;} ._pubL2 ul{ float:left; width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; } ._pubL2 li{ float:left; width:23.5%; box-shadow:0 4px 18px rgba(1,1,1,0.1); background:#fff; margin-top:15px; padding:50px 2% 40px 2%;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } ._pubL2 li i{ display:block; margin:0 auto; position:relative; width:142px; height:142px; background:#999933; border-radius:50%; line-height:0;} ._pubL2 li i:after{ float:left; width:100%; height:100%; content:''; border-radius:50%; position:absolute; left:5px; top:3px; opacity:0.2; background:#999933; z-index:1;} ._pubL2 li i img{ border-radius:50%; position:relative; z-index:3;} ._pubL2 li h5{ float:left; width:100%; color:#555555; font-size:20px; line-height:30px; text-align:center; margin:30px 0 20px 0;} ._pubL2 li .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; display:flex; flex-wrap:wrap; justify-content: space-between;} ._pubL2 li .p{ float:left; position:relative; padding-left:16px; margin:5px 0; min-width:34%; color:#555555;} ._pubL2 li .p:after{ float:left; width:6px; height:6px; content:''; position:absolute; left:0; top:50%; background:#999933; transform:rotate(45deg); -ms-transform:rotate(45deg); margin-top:-3px;} ._pubL2 li:hover{ transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05);} ._pubL2 li:hover h5{ color:#999933;} ._pubL2 li .p:hover{ color:#; text-decoration:underline;} @media screen and (max-width:992px){ ._pub2{ padding-top:25px; padding-bottom:25px; } ._pubL2{ margin-top:5px;} ._pubL2 li{ padding:20px 12px 15px 12px;} ._pubL2 li i{ width:86px; height:86px;} ._pubL2 li h5{ font-size:18px; line-height:28px; margin:15px 0 8px 0;} ._pubL2 li .info{ font-size:14px; line-height:24px;} ._pubL2 li .info .p{ margin:1px 0; padding-left:12px;} } @media screen and (max-width:767px){ ._pubL2 li{ width:48.5%;} } ._pub3{ padding-top:94px; padding-bottom:85px; position:relative;} ._pub3:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#999933; opacity:0.9;} ._pubL3{ float:left; width:100%; position:relative; z-index:3; margin-top:68px;} @media screen and (max-width:1500px){ } @media screen and (max-width:992px){ ._pub3{ padding-top:25px; padding-bottom:25px;} } @media screen and (max-width:767px){ } ._pub4{ padding-top:83px; padding-bottom:93px; position:relative;} ._pub4:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#fff; opacity:0.9;} ._pubL4{ float:left; width:100%; position:relative; z-index:3; margin-top:40px;} ._pubL4 ul{ float:left; width:100%;display: flex; flex-wrap:wrap; justify-content: space-between;} ._pubL4 ul li{ float:left; width:23.5%; margin-top:15px; box-shadow:0 4px 18px rgba(1,1,1,0.1); background:#fff;display: flex;} ._pubL4 ul li i{ float:left; width:100%; line-height:0; overflow:hidden; padding:12px 8%;} ._pubL4 ul li i img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} ._pubL4 ul li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._pubL4 ul li h5{ float:left; width:100%; color:#333333; font-size:16px; line-height:28px; padding:11px 8%; text-align:center; position:relative; margin-top:1px;} ._pubL4 ul li h5:after{ float:left; width:84%; height:1px; content:''; background:#e5e5e5; position:absolute; left:8%; top:-1px;} ._pubL4 ul li:hover h5{ background:#999933; color:#fff;} @media screen and (max-width:1500px){ } @media screen and (max-width:992px){ ._pub4{ padding-top:25px; padding-bottom:25px;} ._pubL4{ margin-top:5px;} ._pubL4 ul li{ width:48.5%;} ._pubL4 ul li i{ padding:6px;} ._pubL4 ul li h5{ font-size:14px; line-height:22px; padding:8px 8px;} } @media screen and (max-width:767px){ } ._pub5{ padding-top:83px; padding-bottom:93px; position:relative;} ._pub5:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#999933; opacity:0.9;} ._pubL5{ float:left; width:100%; position:relative; z-index:3; margin-top:40px;} ._pubL5 ul{ float:left; width:100%;display: flex; flex-wrap:wrap; justify-content: space-between;} ._pubL5 ul li{ float:left; width:15%; margin-top:15px; position:relative;} ._pubL5 ul li i{ float:left; width:100%; line-height:0; overflow:hidden; margin-bottom:19px;} ._pubL5 ul li i img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} ._pubL5 ul li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._pubL5 ul li .p{ display:flex; width:100%; position:absolute; left:0; bottom:0; justify-content: center;} ._pubL5 ul li .p h5{ display:flex; background:#fff; color:#333333; font-size:16px; line-height:26px; border-radius:38px; padding:6px 15px; text-align:center;} ._pubL5 ul li:hover .p h5{ background:#999933; color:#fff;} @media screen and (max-width:1500px){ } @media screen and (max-width:992px){ ._pub5{ padding-top:25px; padding-bottom:25px;} ._pubL5{ margin-top:5px;} ._pubL5 ul li{ width:48.5%;} ._pubL5 ul li i{ margin-bottom:13px;} ._pubL5 ul li .p h5{ font-size:14px; line-height:22px; padding:2px 10px;} } @media screen and (max-width:767px){ } ._pub6{ padding-top:94px; padding-bottom:84px; position:relative;} ._pubL6{ float:left; width:100%; position:relative; z-index:3; margin-top:42px;} ._pubL6 ul{ float:left; width:100%;display: flex; flex-wrap:wrap; justify-content: space-between;} ._pubL6 ul li{ float:left; width:23.5%; margin-top:15px;} ._pubL6 ul li a{ float:left; width:100%; border:1px solid #e5e5e5; position:relative; padding:29px 11%;} ._pubL6 ul li i{ float:left; width:94px; height:94px; position:relative; border-radius:50%;} ._pubL6 ul li i:after{ float:left; width:48px; height:48px; content:''; border-radius:50%; background:#999933; opacity:0.3; z-index:2; position:absolute; top:-4px; right:-13px;} ._pubL6 ul li i:before{ float:left; width:18px; height:18px; content:''; border-radius:50%; background:#999933; opacity:0.3; z-index:2; position:absolute; left:6px; bottom:2px;} ._pubL6 ul li i img{ border-radius:50%; z-index:3;} ._pubL6 ul li i .ico{ position:relative; background:#999933;} ._pubL6 ul li i .ino{ position:absolute; background:#fff; left:0; top:0; opacity:0;} ._pubL6 ul li:hover{ background:#999933;} ._pubL6 ul li:hover i .ico{ opacity:0;} ._pubL6 ul li:hover i .ino{ opacity:1;} ._pubL6 ul li:hover i:after{ background:#fff;} ._pubL6 ul li:hover i:before{ background:#fff;} ._pubL6 ul li .p{ display:flex; align-items: center; padding-left:28px; min-height:94px; color:#555555; font-size:18px; line-height:28px;} ._pubL6 ul li:hover .p{ color:#fff;} @media screen and (max-width:1500px){ ._pubL6 ul li a{ padding:29px 6%;} ._pubL6 ul li .p{ padding-left:20px; font-size:16px; line-height:26px;} } @media screen and (max-width:992px){ ._pub6{ padding-top:20px; padding-bottom:25px;} ._pubL6{ margin-top:5px;} ._pubL6 ul li{ width:48.5%;} ._pubL6 ul li a{ padding:15px 10px;} ._pubL6 ul li i{ width:66px; height:66px;} ._pubL6 ul li i:after{ width:26px; height:26px; top:-2px; right:-4px;} ._pubL6 ul li i:before{ width:12px; height:12px;} ._pubL6 ul li .p{ font-size:14px; line-height:22px; padding-left:10px; min-height:70px} } @media screen and (max-width:767px){ } ._pub7{ padding-top:102px; padding-bottom:107px; position:relative;} ._pub7:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#fff; opacity:0.88;} ._pubL7{ float:left; width:100%; position:relative; z-index:3; margin-top:10px;} ._pubL7 ul{ float:left; width:100%;} ._pubL7 ul li{ float:left; width:100%; margin-top:50px; position:relative;} ._pubL7 ul li i{ float:left; width:46.8%; line-height:0; overflow:hidden;} ._pubL7 ul li i img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} ._pubL7 ul li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._pubL7 ul li .text{ float:right; width:46.8%;} ._pubL7 ul li .text .l1{ float:left; width:100%; margin:2.8% 0 3.9% 0;} ._pubL7 ul li .text .tit{ float:left; width:100%; color:#999933; font-size:20px; line-height:30px;} ._pubL7 ul li .text .tit span{ display:inline-table; font-size:36px; font-weight:bold;} ._pubL7 ul li .text .p{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin-top:5px;} ._pubL7 ul li:nth-child(2n) i{ float:right;} ._pubL7 ul li:nth-child(2n) .text{ float:left;} @media screen and (max-width:1500px){ ._pubL7 ul li .text .l1{ margin:2.8% 0 0.5% 0;} ._pubL7 ul li .text .tit{ font-size:16px; line-height:26px;} ._pubL7 ul li .text .tit span{ font-size:24px;} ._pubL7 ul li .text .p{ font-size:14px; line-height:24px; margin-top:2px;} } @media screen and (max-width:992px){ ._pub7{ padding-top:25px; padding-bottom:25px;} ._pubL7{ margin-top:5px;} ._pubL7 ul li{ margin-top:20px;} } @media screen and (max-width:767px){ ._pubL7{ margin-top:20px;} ._pubL7 ul li{ margin:0;} ._pubL7 ul li .text .l1{ margin:8px 0 0 0;} ._pubL7 ul li:first-child i{ display:block; margin-bottom:10px;} ._pubL7 ul li i{ width:100%; display:none;} ._pubL7 ul li .text{ width:100%;} ._pubL7 ul li .text .p{ margin-top:0;} } ._pub8 .cont{ float:left; width:100%; position:relative; padding:79px 0 63px 288px;} ._pub8 ._img{ float:left; width:228px; height:228px; position:absolute; left:0; bottom:0;} ._pub8 ._tel{ float:left; line-height:46px; color:#fff; font-size:36px; font-weight:bold; position:relative; padding:2px 0 13px 0;} ._pub8 ._tel img{ display:inline-block; vertical-align:top; width:42px; margin:5px 17px 0 0;} ._pub8 ._tel:after{ float:right; width:252px; height:1px; content:''; background:#fff; opacity:0.4; position:absolute; right:9px; bottom:4px;} ._pub8 ._tel:before{ float:right; width:252px; height:1px; content:''; background:#fff; opacity:0.24; position:absolute; right:29px; bottom:0;} ._pub8 .btn{ float:right; width:19.7%; line-height:48px; border-radius:48px; background:#fe0000; text-align:center; color:#fff; font-size:16px;} @media screen and (max-width:1500px){ ._pub8 .cont{ padding:69px 0 53px 220px;} ._pub8 ._img{ width:200px; height:198px;} ._pub8 ._tel{ font-size:24px; line-height:34px;} ._pub8 ._tel img{ width:30px; margin:5px 8px 0 0;} ._pub8 ._tel:after{ width:152px;} ._pub8 ._tel:before{ width:152px;} } @media screen and (max-width:992px){ ._pub8 .cont{ padding:30px 0 20px 130px;} ._pub8 ._img{ width:114px; height:114px;} ._pub8 ._tel{ font-size:18px; line-height:28px;} ._pub8 ._tel img{ width:22px; margin:5px 8px 0 0;} ._pub8 ._tel:after{ width:162px;} ._pub8 ._tel:before{ width:162px;} ._pub8 .btn{ font-size:14px; line-height:36px;} } @media screen and (max-width:767px){ ._pub8 .cont{ padding:20px 0 20px 0; display:none;} ._pub8 ._img{ opacity:0.5;} ._pub8 .btn{ width:100px; line-height:30px; margin-top:15px; margin-right:9px;} ._pub8 ._tel{ width:100%; display: flex; justify-content:flex-end; padding:0 0 8px 0;} ._pub8 ._tel:after{ width:60%;} ._pub8 ._tel:before{ width:60%;} ._pub8 ._img{ width:100px; height:100px;} } ._pub9{ padding-top:102px; padding-bottom:107px; position:relative;} ._pub9:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#999933; opacity:0.9;} ._pub9 ._tit{ float:left; width:100%; position:relative; z-index:3; margin-top:68px;} ._pub9 ._tit ._l{ float:left; width:39.33%;} ._pub9 ._tit ._l h6{ float:right; line-height:60px; border-radius:60px; background:#fff; border:2px solid #fff; padding:8px 40px; color:#999933; font-size:30px; line-height:40px;} ._pub9 ._tit ._c{ float:left; width:18.92%; margin:0 1.21%; text-align:center; color:#fe0000; font-size:100px; font-weight:bold; line-height:36px; height:60px; font-style:italic;} ._pub9 ._tit ._c font{ display:inline-block; vertical-align:top;} ._pub9 ._tit ._c span{ display:inline-table; vertical-align:top; color:#fff;} ._pub9 ._tit ._r{ float:left; width:39.33%;} ._pub9 ._tit ._r h6{ float:left; line-height:60px; border-radius:60px; background:none; border:2px solid #fff; padding:8px 40px; color:#fff; font-size:30px; line-height:40px;} ._pubL9{ float:left; width:100%; position:relative; z-index:3; margin-top:46px;} ._pubL9 ul{ float:left; width:100%;} ._pubL9 ul li{ float:left; width:100%; margin-top:16px; position:relative;} ._pubL9 ul li ._l{ float:left; width:36.46%; margin:8px 0; border:1px solid #ffffff; background:#fff; border-radius:48px; color:#999933; line-height:26px; padding:10px 23px; position:relative;} ._pubL9 ul li ._l i{ float:left; position:absolute; left:23px; top:10px; font-size:20px; font-weight:bold; font-style:italic;} ._pubL9 ul li ._l h5{ float:left; width:100%; text-align:right; font-size:18px; padding-left:40px;} ._pubL9 ul li ._c{ float:left; width:24.66%; overflow:hidden; position:relative; margin:0 1.21%;} ._pubL9 ul li ._c i{ display:block; margin:0 auto; width:64px; height:64px; border-radius:50%; background:#fe0000; line-height:0;} ._pubL9 ul li ._c:after, ._pubL9 ul li ._c:before{ float:left; width:50%; height:1px; position:absolute;top:50%; margin-top:-1px; opacity:0.3; border-top:1px dashed #fff; content:'';} ._pubL9 ul li ._c:after{ left:50%; margin-left:50px; } ._pubL9 ul li ._c:before{ right:50%; margin-right:50px; } ._pubL9 ul li ._r{ float:right; width:36.46%; margin:8px 0; border:1px solid #ffffff; background:none; border-radius:48px; color:#fff; line-height:26px; padding:10px 23px; position:relative;} ._pubL9 ul li ._r i{ float:left; position:absolute; right:23px; top:10px; font-size:20px; font-weight:bold; font-style:italic;} ._pubL9 ul li ._r h5{ float:left; width:100%; font-size:18px; padding-right:40px;} ._pubL9 ul li .text .p{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin-top:5px;} @media screen and (max-width:1500px){ } @media screen and (max-width:992px){ ._pub9{ padding-top:25px; padding-bottom:25px;} ._pub9 ._tit{ margin-top:20px;} ._pub9 ._tit ._l h6{ line-height:60px; border-radius:60px; border:1px solid #fff; padding:4px 10px; font-size:14px; line-height:22px;} ._pub9 ._tit ._c{ font-size:40px; line-height:24px; height:32px;} ._pub9 ._tit ._r h6{ line-height:60px; border-radius:60px; border:1px solid #fff; padding:4px 10px; font-size:14px; line-height:22px;} ._pubL9{ margin-top:5px;} ._pubL9 ul li ._l{ padding:5px 15px; line-height:22px;} ._pubL9 ul li ._l i{ left:15px; top:5px; font-size:18px;} ._pubL9 ul li ._l h5{ font-size:14px;} ._pubL9 ul li ._c i{ width:50px; height:50px;} ._pubL9 ul li ._c:after{ margin-left:30px; } ._pubL9 ul li ._c:before{ margin-right:30px; } ._pubL9 ul li ._r{ padding:5px 15px; line-height:22px;} ._pubL9 ul li ._r i{ right:15px; top:5px; font-size:18px;} ._pubL9 ul li ._r h5{ font-size:14px;} } @media screen and (max-width:767px){ ._pubL9 ul li ._l{ border-radius:10px; margin:0; padding:5px 6px; line-height:18px;} ._pubL9 ul li ._l h5{ padding-left:0; margin-top:2px; font-size:12px;} ._pubL9 ul li ._l i{ position:static; width:100%; text-align:right;} ._pubL9 ul li ._r{ border-radius:10px; margin:0; padding:5px 6px; line-height:18px;} ._pubL9 ul li ._r h5{ padding-right:0; margin-top:2px; font-size:12px;} ._pubL9 ul li ._r i{ position:static; width:100%;} ._pub9 ._tit ._c{font-style:normal;} } ._change1{ padding-top:99px; padding-bottom:88px; position:relative;} ._change1:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#999933; opacity:0.9;} @media screen and (max-width:1500px){ } @media screen and (max-width:992px){ ._change1{ padding-top:25px; padding-bottom:25px;} ._change1_1 { display:none;} } ._change3{ padding-top:66px; padding-bottom:100px; position:relative;} ._change3:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#fff; opacity:0.9;} ._change3 ._tit{ float:left; width:100%; position:relative; z-index:3; margin-top:68px;} ._change3 ._tit ._l{ float:left; width:39.33%;} ._change3 ._tit ._l h6{ float:right; line-height:60px; border-radius:60px; background:#999933; border:2px solid #999933; padding:8px 40px; color:#fff; font-size:30px; line-height:40px;} ._change3 ._tit ._c{ float:left; width:18.92%; margin:0 1.21%; text-align:center; color:#999933; font-size:100px; font-weight:bold; line-height:36px; height:60px; font-style:italic;} ._change3 ._tit ._c font{ display:inline-block; vertical-align:top;} ._change3 ._tit ._c span{ display:inline-table; vertical-align:top; color:#fe0000;} ._change3 ._tit ._r{ float:left; width:39.33%;} ._change3 ._tit ._r h6{ float:left; line-height:60px; border-radius:60px; background:none; border:2px solid #ccc; padding:8px 40px; color:#555555; font-size:30px; line-height:40px;} ._chang{ float:left; width:100%; position:relative; z-index:3; margin-top:46px;} ._chang ul{ float:left; width:100%;} ._chang ul li{ float:left; width:100%; margin-top:16px; position:relative;} ._chang ul li ._l{ float:left; width:36.46%; margin:8px 0; border:1px solid #999933; background:#999933; border-radius:48px; color:#fff; line-height:26px; padding:10px 23px; position:relative;} ._chang ul li ._l i{ float:left; position:absolute; left:23px; top:10px; font-size:20px; font-weight:bold; font-style:italic;} ._chang ul li ._l h5{ float:left; width:100%; text-align:right; font-size:18px; padding-left:40px;} ._chang ul li ._c{ float:left; width:24.66%; overflow:hidden; position:relative; margin:0 1.21%;} ._chang ul li ._c i{ display:block; margin:0 auto; width:64px; height:64px; border-radius:50%; background:#fe0000; line-height:0;} ._chang ul li ._c:after, ._chang ul li ._c:before{ float:left; width:50%; height:1px; position:absolute;top:50%; margin-top:-1px; opacity:0.2; border-top:1px dashed #000; content:'';} ._chang ul li ._c:after{ left:50%; margin-left:50px; } ._chang ul li ._c:before{ right:50%; margin-right:50px; } ._chang ul li ._r{ float:right; width:36.46%; margin:8px 0; border:1px solid #ccc; background:none; border-radius:48px; color:#555555; line-height:26px; padding:10px 23px; position:relative;} ._chang ul li ._r i{ float:left; position:absolute; right:23px; top:10px; font-size:20px; font-weight:bold; font-style:italic;} ._chang ul li ._r h5{ float:left; width:100%; font-size:18px; padding-right:40px;} ._chang ul li .text .p{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin-top:5px;} @media screen and (max-width:1500px){ } @media screen and (max-width:992px){ ._change3{ padding-top:25px; padding-bottom:25px;} ._change3 ._tit{ margin-top:20px;} ._change3 ._tit ._l h6{ line-height:60px; border-radius:60px; border:1px solid #fff; padding:4px 10px; font-size:14px; line-height:22px;} ._change3 ._tit ._c{ font-size:40px; line-height:24px; height:32px;} ._change3 ._tit ._r h6{ line-height:60px; border-radius:60px; border:1px solid #fff; padding:4px 10px; font-size:14px; line-height:22px;} ._chang{ margin-top:5px;} ._chang ul li ._l{ padding:5px 15px; line-height:22px;} ._chang ul li ._l i{ left:15px; top:5px; font-size:18px;} ._chang ul li ._l h5{ font-size:14px;} ._chang ul li ._c i{ width:50px; height:50px;} ._chang ul li ._c:after{ margin-left:30px; } ._chang ul li ._c:before{ margin-right:30px; } ._chang ul li ._r{ padding:5px 15px; line-height:22px;} ._chang ul li ._r i{ right:15px; top:5px; font-size:18px;} ._chang ul li ._r h5{ font-size:14px;} } @media screen and (max-width:767px){ ._chang ul li ._l{ border-radius:10px; margin:0; padding:5px 6px; line-height:18px;} ._chang ul li ._l h5{ padding-left:0; margin-top:2px; font-size:12px;} ._chang ul li ._l i{ position:static; width:100%; text-align:right;} ._chang ul li ._r{ border-radius:10px; margin:0; padding:5px 6px; line-height:18px;} ._chang ul li ._r h5{ padding-right:0; margin-top:2px; font-size:12px;} ._chang ul li ._r i{ position:static; width:100%;} ._change3 ._tit ._c{font-style:normal;} } ._change4{ padding-top:87px; padding-bottom:93px; position:relative;} ._change4:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#999933; opacity:0.9;} ._chang4{ float:left; width:100%; position:relative; z-index:3; margin-top:58px;} ._chang4 ul{ float:left; width:100%;display: flex; flex-wrap:wrap;} ._chang4 ul li{ float:left; width:16.66%; margin-top:15px;} ._chang4 ul li i{ float:left; width:100%; line-height:0; position:relative; margin-bottom:26px; display:flex; justify-content: center;} ._chang4 ul li i:after{ float:left; width:100%; height:4px; content:''; position:absolute; left:0; top:50%; background:#fff; opacity:0.2; margin-top:-2px;} ._chang4 ul li i img{ width:82px; height:82px; background:#fff; border-radius:50%; position:relative; z-index:3;} ._chang4 ul li:hover i img{ box-shadow:0 5px 10px rgba(0,0,0,0.2); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease;} ._chang4 ul li .p{ display:flex; width:100%; color:#fff; font-size:18px; line-height:28px; justify-content: center; padding:0 6px;} ._chang4 ul li:hover .p{ opacity:0.7;} @media screen and (max-width:992px){ ._change4{ padding-top:25px; padding-bottom:25px;} ._chang4{ margin-top:5px;} ._chang4 ul li i{ margin-bottom:10px;} ._chang4 ul li i:after{ height:2px; margin-top:-1px;} ._chang4 ul li i img{ width:66px; height:66px;} ._chang4 ul li .p{ font-size:14px; line-height:24px;} } @media screen and (max-width:767px){ ._chang4 ul li{ width:33.33%;} } ._change5{ padding-top:94px; padding-bottom:71px;} ._chang5{ float:left; width:100%; position:relative; z-index:3;} ._chang5 ul{ float:left; width:100%;display: flex;flex-wrap:wrap; justify-content: space-between;} ._chang5 ul li{ float:left; width:23.53%; margin-top:56px;} ._chang5 ul li i{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; padding:0 7% 7% 0;} ._chang5 ul li i img{ position:relative; z-index:3; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} ._chang5 ul li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._chang5 ul li i:after{ float:left; width:84.4%; height:82%; content:''; position:absolute; right:0; bottom:0; border:2px solid #999933;} ._chang5 ul li i h5{ float:left; position:absolute; left:0; bottom:40px; background:#999933; border-radius:0 20px 20px 0; color:#fff; font-size:18px; line-height:28px; padding:6px 16px 6px 12px; z-index:4;} ._chang5 ul li .p{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; margin-top:20px;} @media screen and (max-width:1500px){ } @media screen and (max-width:992px){ ._change5{ padding-top:20px; padding-bottom:25px;} ._chang5{ margin-top:5px;} ._chang5 ul li{ margin-top:15px;} ._chang5 ul li i{ padding:0 10px 10px 0;} ._chang5 ul li i h5{ font-size:16px; line-height:26px; padding:3px 16px 3px 12px;} ._chang5 ul li .p{ font-size:14px; line-height:24px; margin-top:10px;} } @media screen and (max-width:767px){ ._chang5 ul li{ width:48.5%;} } ._change2{ padding-top:99px; padding-bottom:110px;} ._chang2{ float:left; width:100%; position:relative; z-index:3; box-shadow:0 8px 35px rgba(0,0,0,0.1); margin-top:63px;display: flex;flex-wrap:wrap;} ._chang2 .left{ float:left; width:26.66%; position:relative; margin-top:-30px;} ._chang2 .left:before{ float:left; width:0; height:0; content:''; position:absolute; left:100%; top:0; border-top:30px solid transparent;border-left:23px solid #0b152b; } ._chang2 .left:after{ float:left; width:100%; height:100%; content:''; background:#999933; opacity:0.9; z-index:1; position:absolute; left:0; top:0;} ._chang2 .left .zh{ float:left; width:79%; position:relative; z-index:4; color:#fff; font-size:36px; line-height:46px; margin:54px 10.5% 4px 10.5%; overflow:hidden;} ._chang2 .left .zh span{ float:left; position:relative; padding-right:20px;} ._chang2 .left .zh span:after{ float:left; width:100%; height:1px; content:''; background:#fff; position:absolute; left:100%; top:50%; opacity:0.5;} ._chang2 .left .en{ float:left; width:79%; position:relative; z-index:4; color:#fff; font-size:24px; line-height:34px; font-weight:bold; text-transform:uppercase; margin:0 10.5%;} ._chang2 .left ul{ float:left; width:100%; position:relative; z-index:4; border-top:1px solid rgba(255,255,255,0.1); margin-top:45px;} ._chang2 .left ul li{ float:left; width:100%; border-bottom:1px solid rgba(255,255,255,0.1); color:#fff; font-size:18px; line-height:30px; padding:20px 10.5%; cursor:pointer; position:relative;} ._chang2 .left ul li:after{display:none; float:left; position:absolute; right:10.5%; top:50%; width:0; height:1px; background:#fff; margin-top:-1px; content:'';-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } ._chang2 .left ul li.on{ background:rgba(255,255,255,0.2);} ._chang2 .left ul li.on:after{ width:18px;} ._chang2 .left ul{ float:left; width:100%;} ._chang2 .right{ float:left; width:73.34%; padding:60px 3.33%; position:relative;} ._chang2 .right:after{ float:left; width:100%; height:100%; content:''; background:#fff; opacity:0.84; z-index:1; position:absolute; left:0; top:0;} ._chang2 .right .title{ float:left; width:100%; border-bottom:1px solid #e5e5e5; line-height:48px; margin-bottom:39px; position:relative; z-index:3;} ._chang2 .right .title h2{ float:left; padding:0 29px; color:#fff; font-size:24px; background:#999933;} ._chang2 .right .title a{ float:right; color:#555555; font-size:16px; } ._chang2 .right .title a:hover{ color:#999933;} ._helpL1{ overflow:hidden; padding-right:30px; position:relative; z-index:3; overflow-y:auto; scrollbar-width:thin; max-height:518px; } ._helpL1::-webkit-scrollbar { width:4px } ._helpL1::-webkit-scrollbar-track { background-color:#ccc; border-radius:4px } ._helpL1::-webkit-scrollbar-thumb { width:4px; height:60px; background-color:#999933; border-radius:4px } ._helpL1 .l1:first-child{ padding-top:0 !important;} ._helpL1 .l1 .tit{ padding-left:53px; font-size:18px; line-height:28px; padding-top:7px;} ._helpL1 .l1 .tit h1{ width:42px; height:42px; line-height:40px;} ._helpL1 .l1 .p{ color:#333333; padding-left:53px;} ._helpL1 .l1 .p h1{ width:42px; height:42px; line-height:40px;} @media screen and (max-width:1500px){ ._chang2 .left .en{ font-size:20px;} } @media screen and (max-width:992px){ ._change2{ padding-top:25px; padding-bottom:25px; display:none;} ._chang2{ margin-top:40px;} ._chang2 .left{ margin-top:-20px;} ._chang2 .left .zh{ font-size:18px; line-height:30px; width:90%; margin:15px 5% 2px 5%;} ._chang2 .left .zh span{ padding-right:15px;} ._chang2 .left .en{ font-size:14px; line-height:24px; width:90%; margin:0 5%;} ._chang2 .left ul{ margin-top:12px;} ._chang2 .left ul li{ font-size:14px; padding:6px 5%;} ._chang2 .left ul li:after{ right:5%;} ._chang2 .right{ padding:15px 12px;} ._chang2 .right .title{ margin-bottom:5px; line-height:32px;} ._chang2 .right .title h2{ font-size:16px; padding:0 18px;} ._chang2 .right .title a{ font-size:14px;} ._helpL1{ max-height:330px; padding-right:5px;} ._helpL1 .l1 .tit{ padding-left:34px; font-size:16px; line-height:26px; padding-top:1px;} ._helpL1 .l1 .tit h1{ width:28px; height:28px; line-height:26px;} ._helpL1 .l1 .p{ color:#333333; padding-left:34px;} ._helpL1 .l1 .p h1{ width:28px; height:28px; line-height:26px;} } @media screen and (max-width:767px){ ._chang2 .left{ width:100%;} ._chang2 .left:before{left: 100%;border-top:none; border-bottom:20px solid transparent;border-left:none; border-right:20px solid #0b152b; margin-left:-20px;} ._chang2 .left .zh{ font-size:16px; line-height:24px; margin:10px 5% 0 5%;} ._chang2 .left ul{ margin-top:6px;} ._chang2 .left ul li{ font-size:13px; line-height:22px; padding:4px 5%;} ._chang2 .right{ width:100%;} } ._licen1{ padding-top:94px; padding-bottom:70px;} ._lice1{ float:left; width:100%; margin-top:45px;} ._lice1 ul{ float:left; width:100%;display: flex;flex-wrap:wrap; justify-content: space-between;} ._lice1 ul li{ float:left; width:13.33%; margin-top:15px;} ._lice1 ul li a{ float:left; width:100%; position:relative; padding:20px 10px; min-height:200px;} ._lice1 ul li a:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#f0f0f0; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } ._lice1 ul li i{ float:left; width:100%; height:78px; overflow:hidden; position:relative; z-index:3; display: flex;justify-content: center; margin-top:20px;} ._lice1 ul li i img{ width:78px; height:78px;} ._lice1 ul li i .ico{ position:relative; opacity:1;} ._lice1 ul li i .ino{ position:absolute; left:50%; top:0; margin-left:-39px; opacity:0;} ._lice1 ul li .p{ float:left; width:100%; color:#555555; font-size:18px; line-height:28px; margin-top:15px; text-align:center; position:relative; z-index:3;} ._lice1 ul li a:hover:after{ background:#000; opacity:0.5;} ._lice1 ul li a:hover i .ico{ opacity:0;} ._lice1 ul li a:hover i .ino{ opacity:1;} ._lice1 ul li a:hover .p{ color:#fff;} @media screen and (max-width:1500px){ ._lice1 ul li{ width:14.5%;} ._lice1 ul li .p{ font-size:16px; line-height:26px;} } @media screen and (max-width:992px){ ._licen1{ padding-top:20px; padding-bottom:25px;} ._lice1{ margin-top:5px;} ._lice1 ul li{ width:15.5%;} ._lice1 ul li a{ min-height:120px; padding:15px 10px;} ._lice1 ul li i{ height:40px; margin-top:5px;} ._lice1 ul li i img{ width:40px; height:40px;} ._lice1 ul li i .ino{ margin-left:-20px;} ._lice1 ul li .p{ font-size:14px; line-height:22px; margin-top:5px;} } @media screen and (max-width:767px){ ._lice1 ul li{ width:32%;} } ._licen2{ padding-top:92px; padding-bottom:100px; position:relative;} ._licen2:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#999933; opacity:0.9;} ._licen2 .number{ float:left; position:relative; z-index:3; width:100%; text-align:center; color:#fff; font-size:24px; line-height:34px;} ._licen2 .number:after, ._licen2 .number:before{ float:left; width:47%; height:1px; content:''; position:absolute; top:50%; background:#fff; opacity:0.2;} ._licen2 .number:after{ left:53%;} ._licen2 .number:before{ right:53%;} ._lice2{float:left; width:100%; position:relative; z-index:3;} ._lice2 .slick-prev{ left:0; top:100%; margin-top:20px; transform:none; -ms-transform:none; height:40px; width:auto !important;} ._lice2 .slick-prev:after{ float:left; width:100%; line-height:0; content:'上一个'; color:#fff; font-size:16px; line-height:40px;} ._lice2 .slick-next{ right:0; top:100%; margin-top:20px; transform:none; -ms-transform:none; height:40px; width:auto !important;} ._lice2 .slick-next:after{ float:left; width:100%; line-height:0; content:'下一个'; color:#fff; font-size:16px; line-height:40px;} ._lice2 li{ float:left; width:100%; margin-bottom:60px;} ._lice2 li .img{ float:left; width:49%; height:490px; line-height:0; overflow:hidden;} ._lice2 li .cont{ float:right; width:48.2%; margin-top:1.46%;} ._lice2 li .cont .tit{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px;} ._lice2 li .cont .p{ float:left; width:100%; color:#fff; font-size:16px; line-height:30px; overflow:hidden; padding-right:40px; margin-top:7.6%; overflow-y:auto; scrollbar-width:thin; max-height:330px; } ._lice2 li .cont .p::-webkit-scrollbar { width:3px; } ._lice2 li .cont .p::-webkit-scrollbar-track { width:3px; background-color:rgba(255,255,255,0.2); border-radius:3px } ._lice2 li .cont .p::-webkit-scrollbar-thumb { width:3px; height:60px; background-color:#fff; border-radius:3px } @media screen and (max-width:1500px){ ._lice2 li .img{ height:400px;} ._lice2 li .cont .tit{ font-size:18px; line-height:28px;} ._lice2 li .cont .p{ font-size:14px; line-height:26px; padding-right:20px; max-height:312px;} } @media screen and (max-width:992px){ ._licen2{ padding-top:25px; padding-bottom:40px;} ._lice2 li{ margin-bottom:15px;} ._lice2 li .cont{ margin-top:15px;} ._lice2 li .cont .p{ margin-top:15px;} ._licen2 .number{ font-size:18px; line-height:30px;} ._licen2 .number:after, ._licen2 .number:before{ width:43%;} ._licen2 .number:after{ left:57%;} ._licen2 .number:before{ right:57%;} ._lice2 .slick-prev{ margin-top:18px; height:30px;} ._lice2 .slick-prev:after{ font-size:14px; line-height:30px;} ._lice2 .slick-next{margin-top:18px; height:30px; width:auto !important;} ._lice2 .slick-next:after{ font-size:14px; line-height:30px;} } @media screen and (max-width:767px){ ._lice2 li .img{ width:100%; height:auto;} ._lice2 li .cont{ width:100%;} ._lice2 li .cont .p{ margin-top:10px;} ._lice2 li .cont .p{ font-size:14px; line-height:24px; padding-right:10px; max-height:240px;} } ._licen3{ padding-top:92px; padding-bottom:100px; position:relative;} ._lice3{ float:left; width:100%; position:relative; z-index:3; margin-top:50px;} ._lice3 ul{ display: flex; flex-wrap:wrap; margin:0 -15px;} ._lice3 ul li{ float:left; width:25%; margin-top:15px; text-align:center;} ._lice3 ul li i{ width:174px; height:174px; display:flex; justify-content: center; margin:0 auto 35px auto; border-radius:50%; position:relative;} ._lice3 ul li i:after{ float:left; width:100%; height:100%; border-radius:50%; background:#000; content:''; position:absolute; left:0; top:0; opacity:0.6;} ._lice3 ul li i img{ width:174px; height:174px; border-radius:50%; position:relative; z-index:3;} ._lice3 ul li:hover i img{ -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease;} ._lice3 ul li em{ float:left; width:100%; position:relative; border-bottom:1px dashed #999933; height:1px; margin:14px 0;} ._lice3 ul li em:after{ float:left; width:16px; height:16px; border-radius:50%; background:#999933; content:''; position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px;} ._lice3 ul li em:before{ float:left; width:30px; height:30px; border-radius:50%; background:#999933; content:''; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px; opacity:0.5;} ._lice3 ul li h1{ float:left; width:100%; color:#999933; font-size:72px; line-height:72px; font-weight:bold; opacity:0.3; padding:0 15px; margin-top:24px;} ._lice3 ul li h5{ float:left; width:100%; color:#555555; font-size:18px; line-height:28px; font-weight:bold; padding:0 15px;} @media screen and (max-width:1500px){ ._lice3 ul li i{ width:130px; height:130px;} ._lice3 ul li i img{ width:130px; height:130px;} ._lice3 ul li h1{ font-size:54px; line-height:54px;} } @media screen and (max-width:992px){ ._licen3{ padding-top:25px; padding-bottom:25px;} ._lice3{ margin-top:5px;} ._lice3 ul{ margin:0 -7px;} ._lice3 ul li i{ width:76px; height:76px; margin:0 auto 15px auto;} ._lice3 ul li i img{ width:76px; height:76px;} ._lice3 ul li em{ margin:8px 0;} ._lice3 ul li em:after{ width:8px; height:8px; margin:-4px 0 0 -4px;} ._lice3 ul li em:before{ width:16px; height:16px; margin:-8px 0 0 -8px;} ._lice3 ul li h1{ padding:0 7px; font-size:30px; line-height:30px; margin-top:10px;} ._lice3 ul li h5{ padding:0 7px; font-size:14px; line-height:24px;} } @media screen and (max-width:767px){ } ._licen4{ padding-top:90px; padding-bottom:62px; position:relative;} ._licen4:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; background:#fff; opacity:0.9; z-index:1;} ._lice4{ float:left; width:100%; position:relative; z-index:3; margin-top:50px; display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;} ._lice4 .left{ float:left; width:40.66%; border-radius:50%; position:relative; margin:2.4% 0; display:block;} ._lice4 .left em{ float:left; width:110%; height:110%; border-radius:50%; content:''; position:absolute; left:-5%; top:-5%; background:#999933; opacity:0.02; z-index:1;} ._lice4 .left i{ float:left; width:100%; line-height:0; border-radius:50%; position:relative; z-index:2; padding:9.6%;} ._lice4 .left:after{ float:left; width:100%; height:100%; border-radius:50%; content:''; position:absolute; left:0; top:0; background:#999933; opacity:0.04; z-index:2;} ._lice4 .left i:after{ float:left; width:90%; height:90%; border-radius:50%; content:''; position:absolute; left:5%; top:5%; background:#999933; opacity:0.04; z-index:3;} ._lice4 .left i img{ width:100%; border-radius:50%; position:relative; z-index:4;} ._lice4 .right{ float:right; width:55.33%;} ._lice4 .right .l1{ float:right; width:100%; padding:0 7.8%; min-height:96px; position:relative; margin:6.5% 0;} ._lice4 .right .l1:nth-child(1):before, ._lice4 .right .l1:nth-child(3):before{ width:53px; height:1px; float:left; content:''; position:absolute; right:100%; top:48px; background:#000; opacity:0.2;} ._lice4 .right .l1:nth-child(1):before{ transform:rotate(-45deg); -mos-transform:rotate(-45deg); margin:18px -8px 0 0;} ._lice4 .right .l1:nth-child(3):before{ transform:rotate(45deg); -mos-transform:rotate(45deg); margin:-18px -8px 0 0;} ._lice4 .right .l1:after{ float:left; width:162px; height:1px; content:''; background:#000; opacity:0.2; position:absolute; left:0; top:48px;} ._lice4 .right .l1:nth-child(2n):after{ width:206px;} ._lice4 .right .l1 h1{ float:left; color:#999933; font-size:24px; line-height:44px; font-weight:bold; position:absolute; left:0; top:10px;} ._lice4 .right .l1 i{ float:left; width:93px; height:93px; background:#999933; border-radius:50%; overflow:hidden; position:absolute; left:0; top:0; margin-left:96px; z-index:3;} ._lice4 .right .l1 .cont{ float:right; width:100%; padding-left:210px; position:relative;} ._lice4 .right .l1:nth-child(2n) .cont{ width:92%;} ._lice4 .right .l1 .tit{ float:left; width:100%; color:#999933; font-size:20px; line-height:30px; font-weight:bold; margin:3px 0;} ._lice4 .right .l1 .p{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px;} @media screen and (max-width:1500px){ ._lice4 .right .l1{ padding:0 0 0 4%; margin:4% 0;} ._lice4 .right .l1 .cont{ padding-left:170px;} ._lice4 .right .l1 i{ margin-left:60px;} } @media screen and (max-width:992px){ ._licen4{ padding-top:25px; padding-bottom:25px;} ._lice4{ margin-top:20px;} ._lice4 .right .l1{ padding:0 0 0 15px; margin:10px 0;} ._lice4 .right .l1 .cont{ padding-left:110px;} ._lice4 .right .l1 h1{ font-size:20px; top:0; line-height:32px;} ._lice4 .right .l1 i{ margin-left:38px; width:62px; height:62px;} ._lice4 .right .l1 .tit{ font-size:16px; line-height:26px; margin:3px 0 0 0;} ._lice4 .right .l1 .p{ font-size:14px; line-height:22px;} ._lice4 .right .l1:after{ width:100px; top:33px;} ._lice4 .right .l1:nth-child(2n):after{ width:120px;} ._lice4 .right .l1:nth-child(1):before, ._lice4 .right .l1:nth-child(3):before{ width:40px;} ._lice4 .right .l1:nth-child(1):before{ margin:-1px -6px 0 0;} ._lice4 .right .l1:nth-child(3):before{ margin:-29px -6px 0 0;} } @media screen and (max-width:767px){ ._lice4 .left{ width:60%; margin:2.4% 20%; display:none;} ._lice4 .right{ width:100%;} ._lice4 .right .l1{ padding-left:12px;} ._lice4 .right .l1:nth-child(1):before, ._lice4 .right .l1:nth-child(3):before{ display:none;} ._lice4 .right .l1:nth-child(2n):after{ width:100px;} ._lice4 .right .l1:nth-child(2n) .cont{ width:100%;} ._licen4{ padding-bottom:10px;} } .dqConTit{ font-size: 40px; line-height: 40px; text-align: center; color: #333;} .dqConTit.col{ color: #fff;} .dqConTit span{ color: #999933; font-weight: bold;} .dqConTit.col span{ color: #fff;} .dqCon1{ padding-top: 94px; padding-bottom: 98px;} .dqCon1 .text{ margin-top: 70px; width: 100%; position: relative;} .dqCon1 .text .img{ width: 100%; line-height: 0;} .dqCon1 .text li{ font-size: 26px; color: #333; position: absolute;} .dqCon1 .text li:nth-child(1){ bottom: 81.31%; left: 0;} .dqCon1 .text li:nth-child(2){ bottom: 48.36%; left: 0;} .dqCon1 .text li:nth-child(3){ bottom: 15.9%; left: 0;} .dqCon1 .text li:nth-child(4){ top: 9.18%; right: 0;} .dqCon1 .text li:nth-child(5){ top: 41.96%; right: 0;} .dqCon1 .text li:nth-child(6){ top: 74.75%; right: 0;} @media screen and (max-width:992px){ .dqCon1{ padding-top: 25px; padding-bottom: 25px;} .dqConTit{ font-size: 18px; line-height: 18px;} .dqCon1 .text{ margin-top: 20px;} .dqCon1 .text li{ font-size: 14px;} } @media screen and (max-width:767px) { .dqCon1 .text .img { padding:0 15%; } } .dqCon2{ padding-top: 95px; padding-bottom: 104px;} .dqCon2 .dqConTit h5{ margin: 15px 0; font-size: 18px; line-height: 18px;} .dqCon2 .dqConTit a{ font-size: 16px; display: inline-block; color: #fff; background: #fe0000; line-height: 42px; padding: 0 45px;} .dqCon2 .dqConTit a:hover{ opacity: 0.8;} .dqCon2 .text{ margin-top: 45px;} .dqCon2 .text ul{ width: 100%; overflow: hidden;} .dqCon2 .text li{ padding: 42px 40px; width: 25%; float: left; background: rgba(255,255,255,0.1);} .dqCon2 .text li:nth-child(2n){ background: rgba(255,255,255,0.05);} .dqCon2 .text li i{ display: block; width: 110px; height: 110px; margin: 0 auto; line-height: 0;} .dqCon2 .text li .img2{ display: none;} .dqCon2 .text li h5{ font-size: 20px; line-height: 56px; height: 56px; border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); overflow: hidden; color: #fff; margin: 35px 0 25px 0; text-align: center;} .dqCon2 .text li h6{ font-size: 16px; line-height: 30px; height: 120px; overflow: hidden; color: #fff;} .dqCon2 .text li:hover{ background: url("../_im_g/y_dq11.jpg") no-repeat center; background-size: cover;} .dqCon2 .text li:hover .img1{ display: none;} .dqCon2 .text li:hover .img2{ display: block;} .dqCon2 .text li:hover h5{ color: #999933; border-top: 1px solid rgba(20,38,78,0.2); border-bottom: 1px solid rgba(20,38,78,0.2);} .dqCon2 .text li:hover h6{ color: #999933;} @media screen and (max-width:992px){ .dqCon2{ padding-top: 25px; padding-bottom: 25px;} .dqCon2 .dqConTit h5{ margin: 10px 0; font-size: 14px; line-height: 14px;} .dqCon2 .dqConTit a{ font-size: 14px; line-height: 26px; padding: 0 15px;} .dqCon2 .text{ margin-top: 20px;} .dqCon2 .text li{ padding: 15px 10px; width: 50%;} .dqCon2 .text li i{ width: 60px; height: 60px;} .dqCon2 .text li h5{ font-size: 16px; line-height: 40px; height: 40px; margin: 15px 0 10px 0;} .dqCon2 .text li h6{ font-size: 14px; line-height: 24px; height: 72px;} .dqCon2 .text li:nth-child(3){ background: rgba(255,255,255,0.05);} .dqCon2 .text li:nth-child(4){ background: rgba(255,255,255,0.1);} } @media screen and (max-width:767px){ .dqCon2 .text li{ width: 100%;} .dqCon2 .text li h6{ height: auto;} .dqCon2 .text li:nth-child(3){ background: rgba(255,255,255,0.1);} .dqCon2 .text li:nth-child(4){ background: rgba(255,255,255,0.05);} } .dqCon3{ padding-top: 95px; padding-bottom: 110px;} .dqCon3 .text ul{ margin-top: 60px; width: 100%; overflow: hidden;} .dqCon3 .text li{ padding: 20px 0; width: 47.2%; font-size: 0; display: flex; border-bottom: 1px solid #e5e5e5; float: left; overflow: hidden;} .dqCon3 .text li:nth-child(2n){ float: right;} .dqCon3 .text li i{ display: inline-block; align-self: center; width: 228px; height: 152px; overflow: hidden; position: relative;} .dqCon3 .text li i img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .dqCon3 .text li h5{ padding-left: 40px; display: inline-block; align-self: center; overflow: hidden; width: -moz-calc(100% - 353px); width: -o-calc(100% - 353px); width: -webkit-calc(100% - 353px); width: calc(100% - 353px);} .dqCon3 .text li h5 .span1{ display: block; float: left; margin-right: 20px; width: 46px; height: 42px; line-height: 36px; padding-left: 8px; font-size: 18px; color: #fff; background: url("../_im_g/y_dq20.png") no-repeat center; background-size: cover;} .dqCon3 .text li h5 .span2{ display: block; float: left; margin-top: 6px; font-size: 24px; line-height: 26px; max-height: 104px; overflow: hidden; font-weight: bold; color: #999933;} .dqCon3 .text li a{ display: inline-block; align-self: center; font-size: 16px; width: 125px; height: 42px; line-height: 42px; color: #fff; background: #213970; text-align: center;} .dqCon3 .text li:hover a{ background: #fe0000;} @media screen and (max-width:1200px){ .dqCon3 .text li h5{ padding-left: 20px;} .dqCon3 .text li h5 .span2{ font-size: 20px;} } @media screen and (max-width:992px){ .dqCon3{ padding-top: 25px; padding-bottom: 25px;} .dqCon3 .text ul{ margin-top: 10px;} .dqCon3 .text li{ padding: 10px 0; width: 100%;} .dqCon3 .text li i{ width: 120px; height: 63px;} .dqCon3 .text li h5{ padding-left: 10px; width: -moz-calc(100% - 200px); width: -o-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: calc(100% - 200px);} .dqCon3 .text li h5 .span1{ margin-right: 10px; width: 27.6px; height: 25.2px; line-height: 24px; padding-left: 5px; font-size: 14px;} .dqCon3 .text li h5 .span2{ margin-top: 2px; font-size: 16px; line-height: 20px; max-height: 80px;} .dqCon3 .text li a{ font-size: 14px; width: 80px; height: 30px; line-height: 30px;} } .dqCon5{ padding-top: 100px; padding-bottom: 110px;} .dqCon5 .text ul{ margin-top: 60px; width: 100%; overflow: hidden; border: 1px solid #f0f0f0; background: #f0f0f0;} .dqCon5 .text li{ padding: 55px 25px 25px 25px; width: 50%; float: left; text-align: center; overflow: hidden;} .dqCon5 .text li:nth-child(1){ background: #fff;} .dqCon5 .text li h5{ margin-bottom: 40px; width: 100%; font-size: 24px; line-height: 28px; height: 28px; overflow: hidden; color: #333;} .dqCon5 .text li .info{ width: 100%; font-size: 16px; line-height: 30px; height: 120px; overflow: hidden; color: #555;} .dqCon5 .text li .info .span{ font-weight: bold;} .dqCon5 .text li .img{ margin-top: 50px; width: 48%; line-height: 0; float: left; position: relative; padding-top: 32.76%;} .dqCon5 .text li .img:nth-child(2n){ float: right;} .dqCon5 .text li .img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} @media screen and (max-width:992px){ .dqCon5{ padding-top: 25px; padding-bottom: 25px;} .dqCon5 .text ul{ margin-top: 20px;} .dqCon5 .text li{ padding: 20px 15px 15px 15px;} .dqCon5 .text li h5{ margin-bottom: 15px; font-size: 18px; line-height: 20px; height: 20px;} .dqCon5 .text li .info{ font-size: 14px; line-height: 24px; height: 120px;} .dqCon5 .text li .img{ margin-top: 15px; width: 48%; padding-top: 32.76%;} } @media screen and (max-width:767px){ .dqCon5 .text li{ width: 100%;} .dqCon5 .text li h5{ height: auto;} .dqCon5 .text li .info{ height: auto;} } .dqCon6{ padding-top: 90px; padding-bottom: 90px; background: #f0f0f0;} .dqCon6 .text{ margin-top: 65px; width: 100%;} .dqCon6 .pic{ padding-bottom: 45px; position: relative;} .dqCon6 ul{ margin: -14px -1%; width: 102%; overflow: hidden;} .dqCon6 li{ width: 14.6%; margin: 14px 1%; line-height: 0; float: left; border: 1px solid #e6e6e6;} .dqCon6 .slick-dots{ text-align: center; height: 10px; line-height: 0; position: absolute; bottom: 0;} .dqCon6 .slick-dots li{ margin: 0 7px; width: 10px; height: 10px; border-radius: 50%; border: 0; float: none; background: #989faf;} .dqCon6 .slick-dots li.slick-active{ background: #999933;} @media screen and (max-width:992px){ .dqCon6{ padding-top: 25px; padding-bottom: 25px;} .dqCon6 .text{ margin-top: 20px;} .dqCon6 .pic{ padding-bottom: 20px;} .dqCon6 ul{ margin: -5px -1%;} .dqCon6 li{ width: 23%; margin: 5px 1%;} } .dqCon7{ padding-top: 95px; padding-bottom: 105px;} .dqCon7 .tab{ margin-top: 70px; width: 100%; overflow: hidden;} .dqCon7 .tab .bd{ width: 50%; padding-right: 15px; float: left;} .dqCon7 .tab .bd ul{ position: relative;} .dqCon7 .tab .bd ul .img{ width: 100%; height: 490px; line-height: 0;} .dqCon7 .tab .bd ul .img img{ display: none;} .dqCon7 .tab .bd ul .text{ padding: 0 125px 0 25px; height: 60px; line-height: 60px; overflow: hidden; background: rgba(0,0,0,0.7); width: 100%; position: absolute; bottom: 0; left: 0;} .dqCon7 .tab .bd ul h5{ font-size: 18px; color: #fff;} .dqCon7 .tab .bd ul time{ width: 100px; position: absolute; right: 25px; top: 0; font-size: 16px; text-align: right; color: #fff;} .dqCon7 .tab .hd{ width: 50%; padding-left: 15px; float: right;} .dqCon7 .tab .hd ul li{ padding: 25px 0; width: 100%; overflow: hidden; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} .dqCon7 .tab .hd ul li:first-child{ padding-top: 0;} .dqCon7 .tab .hd ul li .date{ margin: 0 35px 0 5px; float: left; padding: 20px 13px; width: 120px; height: 120px; text-align: center; background: #3c4765;} .dqCon7 .tab .hd ul li .date_r{ margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.3); width: 100%; font-size: 46px; line-height: 40px; color: #fff; font-weight: bold;} .dqCon7 .tab .hd ul li .date_ny{ width: 100%; font-size: 18px; line-height: 18px; color: #fff;} .dqCon7 .tab .hd ul li .text{ float: left; width: -moz-calc(100% - 160px); width: -o-calc(100% - 160px); width: -webkit-calc(100% - 160px); width: calc(100% - 160px);} .dqCon7 .tab .hd ul li .text h5{ margin: 10px 0 15px 0; font-size: 18px; line-height: 22px; color: #fff;} .dqCon7 .tab .hd ul li .text h6{ font-size: 16px; letter-spacing: 1px; line-height: 30px; color: #fff;} @media screen and (max-width:992px){ .dqCon7{ padding-top: 25px; padding-bottom: 25px;} .dqCon7 .tab{ margin-top: 20px;} .dqCon7 .tab .bd{ padding-right: 5px;} .dqCon7 .tab .bd ul .img{ width: 100%; height: 308px;} .dqCon7 .tab .bd ul .text{ padding: 0 95px 0 15px; height: 40px; line-height: 40px;} .dqCon7 .tab .bd ul h5{ font-size: 16px;} .dqCon7 .tab .bd ul time{ width: 80px; right: 15px; font-size: 14px;} .dqCon7 .tab .hd{ padding-left: 5px;} .dqCon7 .tab .hd ul li{ padding: 10px 0;} .dqCon7 .tab .hd ul li .date{ margin: 0 15px 0 5px; padding: 10px 10px; width: 85px; height: 85px;} .dqCon7 .tab .hd ul li .date_r{ margin-bottom: 5px; padding-bottom: 10px; font-size: 30px; line-height: 30px;} .dqCon7 .tab .hd ul li .date_ny{ font-size: 16px; line-height: 16px;} .dqCon7 .tab .hd ul li .text{ width: -moz-calc(100% - 105px); width: -o-calc(100% - 105px); width: -webkit-calc(100% - 105px); width: calc(100% - 105px);} .dqCon7 .tab .hd ul li .text h5{ margin: 5px 0 10px 0; font-size: 16px; line-height: 20px;} .dqCon7 .tab .hd ul li .text h6{ font-size: 14px; line-height: 24px;} } @media screen and (max-width:767px){ .dqCon7 .tab .bd ul .img{ height: auto;} .dqCon7 .tab .bd ul .img img{ display: block;} .dqCon7 .tab .bd{ width: 100%; padding-right: 0;} .dqCon7 .tab .hd{ margin-top: 10px; width: 100%; padding-left: 0;} } /* 4财务代理 */ .cwCon1{ padding-top:94px; padding-bottom: 80px;} .cwCon1 ul{ margin-top: 60px; width: 100%; float: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;} .cwCon1 li{ width: 184px; display: inline-block; cursor: pointer;} .cwCon1 li i{ float: left; margin-bottom: 20px; width: 100%; padding-bottom: 100%; border-radius: 50%; overflow: hidden; position: relative; overflow: hidden;} .cwCon1 li i img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .cwCon1 li h5{ font-size: 18px; line-height: 20px; text-align: center; color: #333;} .cwCon1 li:hover h5{ color: #003567;} @media screen and (max-width:992px){ .cwCon1{ padding-top: 20px; padding-bottom: 25px;} .cwCon1 ul{ margin-top: 10px;} .cwCon1 li{ width: 100px;} .cwCon1 li i{ float: left; margin-bottom: 15px;} .cwCon1 li h5{ font-size: 16px; line-height: 18px;} } @media screen and (max-width:767px){ .cwCon1 ul{ margin-top: 10px; display: block;} .cwCon1 li{ width: 33.3%; padding: 10px; float: left;} } .cwCon2{ padding-top: 85px; padding-bottom: 75px;} .cwCon2 .text{ margin-top: 50px; width: 100%; float: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;} .cwCon2 .text .wz{ width: 35.3%; padding-top: 90px; padding-right: 65px; text-align: right;} .cwCon2 .text .wz h5{ margin-bottom: 20px;} .cwCon2 .text .wz i{ width: 30px; height: 30px; margin-right: 5px; display: inline-block; vertical-align: middle;} .cwCon2 .text .wz span{ font-size: 20px; line-height: 30px; color: #fff; font-weight: bold; display: inline-block; vertical-align: middle;} .cwCon2 .text .wz h6{ font-size: 16px; line-height: 30px; color: #fff;} .cwCon2 .text .img{ line-height: 0; width: 27.4%;} .cwCon2 .text .wz1{ text-align: left; padding-right: 0; padding-left: 65px;} @media screen and (max-width:1500px){ .cwCon2 .text .wz{ padding-top: 40px;} } @media screen and (max-width:992px){ .cwCon2{ padding-top: 25px; padding-bottom: 25px;} .cwCon2 .text{ margin-top: 20px;} .cwCon2 .text .wz{ padding-top: 10px; padding-right: 20px;} .cwCon2 .text .wz h5{ margin-bottom: 10px;} .cwCon2 .text .wz i{ width: 26px; height: 26px;} .cwCon2 .text .wz span{ font-size: 16px; line-height: 26px;} .cwCon2 .text .wz h6{ font-size: 14px; line-height: 24px;} .cwCon2 .text .wz1{ padding-left: 20px;} } @media screen and (max-width:767px){ .cwCon2 .text{ display: block;} .cwCon2 .text .wz{ width: 100%; text-align: center;} .cwCon2 .text .img{ width: 70%; margin: 10px 15% 0 15%;} .cwCon2 .text .wz1{ text-align: center;} } .cwCon3{ padding-top: 85px; padding-bottom: 100px;} .cwCon3 .text{ margin-top: 60px; width: 100%; float: left; position: relative;} .cwCon3 .line{ width: 100%; height: 4px; background: #d0d4dc; position: absolute; top: 40px; left: 0; z-index: -1;} .cwCon3 li{ width: 16.6%; float: left; cursor: pointer;} .cwCon3 li i{ display: block; margin: 0 auto; width: 82px; height: 82px; line-height: 0; overflow: hidden; background: #999933; border-radius: 50%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .cwCon3 li h5{ font-size: 18px; line-height: 20px; margin-top: 20px; color: #555; text-align: center;} .cwCon3 li:hover h5{ color: #003567;} @media screen and (max-width:992px){ .cwCon3{ padding-top: 25px; padding-bottom: 25px;} .cwCon3 .text{ margin-top: 20px;} .cwCon3 .line{ top: 30px;} .cwCon3 li i{ width: 62px; height: 62px;} .cwCon3 li h5{ font-size: 16px; line-height: 18px; margin-top: 10px;} } @media screen and (max-width:767px){ .cwCon3{ padding-bottom:10px;} .cwCon3 .line{ height: 2px;} .cwCon3 .text ul{white-space: nowrap; overflow: auto;} .cwCon3 .text ul::-webkit-scrollbar{ display: none;} .cwCon3 .text ul li{ width:120px;float: none; display: inline-block;white-space: nowrap; vertical-align: top;} } .cwCon5{ padding-top: 80px; padding-bottom: 90px;} .cwCon5 .text{ margin-top: 65px; float: left; width: 100%; position: relative;} .cwCon5 .text .img{ width: 100%; line-height: 0;} .cwCon5 .text .img2{ display: none;} .cwCon5 .text li{ position: absolute; width: 19.33%;} .cwCon5 .text li:nth-child(1){ bottom: 70%; left: 0;} .cwCon5 .text li:nth-child(2){ bottom: 41.23%; left: 0;} .cwCon5 .text li:nth-child(3){ bottom: 11.69%; left: 0;} .cwCon5 .text li:nth-child(4){ top: 19.53%; right: 0;} .cwCon5 .text li:nth-child(5){ top: 48.92%; right: 0;} .cwCon5 .text li:nth-child(6){ top: 78.3%; right: 0;} .cwCon5 .text li h5{ font-size: 0;} .cwCon5 .text li i{ display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: url("../_im_g/y_cw18.png") no-repeat center; background-size: cover;} .cwCon5 .text li span{ display: inline-block; vertical-align: middle; padding-left: 10px; font-size: 18px; line-height: 40px; height: 40px; overflow: hidden; color: #555; width: -moz-calc(100% - 40px); width: -o-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px);} .cwCon5 .text li h6{ margin-top: 15px; font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; color: #555;} @media screen and (max-width:1300px){ .cwCon5 .text li h6{ margin-top: 10px;} } @media screen and (max-width:992px){ .cwCon5{ padding-top: 25px; padding-bottom: 25px;} .cwCon5 .text{ margin-top: 25px;} .cwCon5 .text li i{ font-size: 14px; width: 30px; height: 30px; line-height: 30px;} .cwCon5 .text li span{ padding-left: 10px; font-size: 16px; line-height: 30px; height: 30px; width: -moz-calc(100% - 30px); width: -o-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: calc(100% - 30px);} .cwCon5 .text li h6{ margin-top: 2px; font-size: 14px; line-height: 24px; height: 48px;} } @media screen and (max-width:767px){ .cwCon5 .text .img1{ display: none;} .cwCon5 .text .img2{ display: block; width: 70%; margin: 0 auto;} .cwCon5 .text li{ margin-top: 5px; position: static; width: 100%;} .cwCon5 .text li span{ height: auto;} .cwCon5 .text li h6{ height: auto;} } .cwCon6{ padding-top: 85px; padding-bottom: 100px;} .cwCon6 ul{ margin: 50px 0 -10px 0; width: 100%; float: left;} .cwCon6 li{ margin: 10px 0; width: 49%; float: left; border-bottom: 1px solid rgba(255,255,255,0.3);} .cwCon6 li:nth-child(2n){ float: right;} .cwCon6 li i{ font-size: 18px; position: absolute; top: 10px; left: 13px; display: inline-block; width: 32px; height: 32px; line-height: 30px; border-radius: 50%; overflow: hidden; text-align: center; border-radius: 50%;} .cwCon6 li .wen{ padding-left: 60px; height: 50px; line-height: 50px; position: relative; background: #fff; width: 100%;} .cwCon6 li .wen i{ border: 1px solid #999933; background: #999933; color: #fff;} .cwCon6 li .wen h5{ font-size: 18px; color: #999933;} .cwCon6 li .da{ padding: 15px 15px 20px 60px; position: relative;} .cwCon6 li .da i{ border: 1px solid #fff; color: #fff;} .cwCon6 li .da h5{ color: #fff; font-size: 16px; line-height: 30px; height: 90px; overflow: hidden;} @media screen and (max-width:992px){ .cwCon6{ padding-top: 25px; padding-bottom: 25px;} .cwCon6 ul{ margin: 15px 0 -5px 0;} .cwCon6 li{ display:none; margin: 5px 0; width: 100%;} .cwCon6 li:nth-child(1), .cwCon6 li:nth-child(2), .cwCon6 li:nth-child(3){ display:block;} .cwCon6 li i{ font-size: 16px; top: 6px; left: 8px; width: 28px; height: 28px; line-height: 26px;} .cwCon6 li .wen{ padding-left: 45px; height: 40px; line-height: 40px;} .cwCon6 li .wen h5{ font-size: 16px;} .cwCon6 li .da{ padding: 10px 15px 15px 45px;} .cwCon6 li .da h5{ font-size: 14px; line-height: 24px; height: auto;} } /* @media screen and (max-width:1500px){ } @media screen and (max-width:992px){ } @media screen and (max-width:767px){ } */ .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#999933;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999}